A full-stack chat application built with React JS and Firebase. It allows users to create an account, chat with friends in real-time, and share images directly within the chat. The app leverages Firebase for user authentication, real-time message synchronization, and secure image storage, providing a seamless and responsive chatting experience.
- User Authentication: Secure user account creation and login using Firebase Authentication.
- Real-time Messaging: Messages are stored in Firebase Firestore and are updated in real-time across all connected users.
- Image Sharing: Users can share images within the chat, with the images stored securely in Firebase Storage.
- Responsive UI: Built with React JS, the app offers a smooth and intuitive user experience across devices.
- Frontend: React JS
- Backend: Firebase (Authentication, Firestore Database, Storage)
- Hosting: Firebase Hosting
- Clone the repository:
git clone https://github.com/Shaw145/Real-time-Chat-Application.git cd Real-time-Chat-Application - Install dependencies:
npm install- Create a Firebase project and configure Firebase in your React app:
- Go to the Firebase Console.
- Create a new project.
- Add a new web app and copy the Firebase config object.
- Replace the Firebase configuration in your project with the new config details.
- Run the app:
npm run dev- Sign up or log in using your email and password.
- Start a new chat with your friends by searching for their usernames.
- Send text messages and share images in real-time.
- Suman Shaw