Welcome to the Chat App repository! This project is a real-time messaging application built with React and Firebase. Users can create rooms, chat, and sign in for a personalized experience. The app is fully responsive, ensuring a seamless experience across devices.
- Real-Time Messaging: Send and receive messages instantly.
- User Authentication: Sign up and log in using Firebase Authentication.
- Chat Rooms: Create or join chat rooms to communicate with others.
- Responsive Design: Optimized for both mobile and desktop devices.
- Frontend: React JS
- Backend: Firebase (Authentication, Firestore Database)
- Styling: SCSS
- Node.js (v14.0.0 or higher)
- NPM (v6.14.0 or higher)
- Firebase account
-
Clone the repository:
git clone https://github.com/Sagnik-Coder24/Chat-App.git cd chat-app
-
Install dependencies:
npm install
-
Set up Firebase:
- Create a new Firebase project in the Firebase Console.
- Enable Authentication and Firestore Database.
- Replace the Firebase configuration object in
src/firebase.js
with your project's configuration:
const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID" };
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000
.
- Sign Up/Sign In: Use the authentication form to create an account or log in.
- Create/Join Chat Rooms: After signing in, you can create new chat rooms or join existing ones.
- Send Messages: Start chatting with others in real-time.
To deploy the application, you can use any hosting service that supports Node.js applications, such as Firebase Hosting, Netlify, or Vercel. Follow the instructions provided by your chosen hosting service to deploy the application.
Feel free to submit issues and pull requests if you find any bugs or would like to add new features.
This project is open-source and available.