Hi, I'm Shubham! 👋

ChattyBox App

It's a webapp made in React JS with Firebase and Material UI. The purpose of this app was to learn the working of Firebase's Authentication and Firestore CRUD Operations.

First user has to login with either Gmail or Github. Then there are some available rooms present , user can select from them or can create new room.

Then there in rooms , users can chat (send messages,images,files).

Demo

Website - https://chattybox.netlify.app/

Blog

for detailed information visit - https://brahm.code.blog/2023/08/02/201/

Run Locally

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run dev

Authors

• @autumn-absconds

Features

• Google/Github Sign
• Rooms
• Real Time Chat
• Images,Files send Option

Lessons Learned

Learned Authentication and Online managing of data using Firebase Authentication and Firebase Firestore.

Tech Stack

Client: React

Server: Firebase

Contributing

Contributions are always welcome!