Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 3 days 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 (11 months ago)
Last Synced: 2024-12-27T05:25:32.838Z (about 2 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