https://github.com/km-saifullah/dailytalk

Chat Application based on ReactJS and Firebase
https://github.com/km-saifullah/dailytalk

firbase firebase-authentication firebase-realtime-database reactjs tailwindcss

Last synced: 2 months ago
JSON representation

Chat Application based on ReactJS and Firebase

• Host: GitHub
• URL: https://github.com/km-saifullah/dailytalk
• Owner: km-saifullah
• Created: 2024-01-30T07:24:06.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-17T09:40:19.000Z (about 1 year ago)
• Last Synced: 2024-12-27T05:25:32.838Z (4 months ago)
• Topics: firbase, firebase-authentication, firebase-realtime-database, reactjs, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 567 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# DailyTalk

## A chat application based on ReactJS and Firebase

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Firebase](https://img.shields.io/badge/firebase-%23039BE5.svg?style=for-the-badge&logo=firebase)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

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](./src/assets/images/dailyTalk.png "dailyTalk")

## Installation

1. Clone the repository

```bash

git clone https://github.com/km-saifullah/dailytalk.git

```

2. Navigate to the project directory

```bash

cd dailytalk

```

3. Create env file in your project root directory

```bash

touch .env

```

4. 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

```bash

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"

```

5. Install dependencies

```bash

npm install

```

6. Run the application

```bash

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