km-saifullah / dailytalk

Chat Application based on ReactJS and Firebase

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DailyTalk

A chat application based on ReactJS and Firebase

React Firebase TailwindCSS Figma Vite

DailyTalk is a project aimed at facilitating daily communication and interaction among users through a web-based platform. Whether it's for team collaboration, informal discussions, or sharing updates, DailyTalk provides a convenient space for users to engage in conversation share multimedia content and stay connected.

dailyTalk signin page

Installation

  1. Clone the repository
git clone https://github.com/km-saifullah/dailytalk.git
  1. Navigate to the project directory
cd dailytalk
  1. Create env file in your project root directory
touch .env
  1. Copy all the text from the .env.sample file and paste to the .env file. Then you need to fill up the strings according to your Firebase Credential Information
VITE_FIREBASE_API_KEY ="Your Firebase API Key"
VITE_FIREBASE_AUTH_DOMAIN = "Your Firebase Auth Domain"
VITE_FIREBASE_PROJECT_ID = "Your Firebase Project ID"
VITE_FIREBASE_STORAGE_ID = "Your Firebase Bucket ID"
VITE_FIREBASE_MESSAGING_SENDER_ID = "Your Firebase Messaging Sender ID"
VITE_FIREBASE_APP_ID = "Your Firebase App ID"
  1. Install dependencies
npm install
  1. Run the application
npm run dev

Technology Used

  • React.js
  • Tailwind CSS
  • Firebase

Features

  • User Authentication
  • Send Friend Request
  • Accept Friend Request
  • Delete Friend Request
  • User Block Functionality
  • Unblock Functionality
  • User Verfication Email
  • Send Individual Message
  • Receive Individual Message

About

Chat Application based on ReactJS and Firebase


Languages

Language:JavaScript 98.6%Language:HTML 1.1%Language:CSS 0.3%