This is a chat application that allows users to communicate with each other in real time. It includes the following features:-
Users can log in and log out using their Google accounts via Firebase Authentication. This feature provides a secure and convenient way for users to authenticate themselves and access the chat application.
Users can create, join, and leave chat rooms. Chat rooms provide a space for users to engage in conversations on specific topics or with specific groups of people. Users can create new chat rooms or join existing ones based on their interests or preferences.
Messages sent by users appear in the chat room in real time. This real-time messaging feature enables instant communication between users, allowing them to see each other's messages as they are sent. It provides a seamless and interactive chatting experience.
The chat application stores the history of messages for each chat room. When users join a chat room, they can view the previous messages exchanged within that room. This feature ensures that users have access to the conversation history and can catch up on any messages they might have missed.
Users can send private messages to other users. This feature allows users to have one-on-one conversations with specific individuals without the messages being visible to others in the chat room. It provides a private and personalized communication channel for users who want to have confidential or individual discussions.
This repository contains a React JS app written in Javascript.
1.React: JavaScript library for building user interfaces
2.Firebase: Backend-as-a-Service platform for authentication and real-time data synchronization
3.Firebase Authentication: Google authentication provider for user login and logout
4.Firebase Realtime Database: Real-time database to store and synchronize chat room data
- Node.js (version 12 or above)
- npm (Node Package Manager)
To get started with this project, follow the steps below.
Clone the repository by running the following command in your terminal:
git clone https://github.com/Shubhamtribhuvan8/real-time-chat-app.git
Navigate to the project folder using the following command:
cd real-time-chat-app
Install the required npm packages by running the following command:
npm install
Start the development server by running the following command:
npm run start
After a few seconds, the project will start, and you can access it at http://localhost:3000 in your default browser.
Install the Vercel CLI globally by running the following command in your terminal:
npm install -g vercel
Ensure you are inside the root folder of your Next.js app. Run the following command to deploy your app to Vercel:
vercel
This command will start the deployment process. Follow the prompts, and Vercel will guide you through the setup.
Once the deployment is successful, Vercel will provide you with a deployment link. You can include this link in your README file under a "Deployment" section.