This is a real-time chat application built using the MERN stack (MongoDB, Express.js, React, Node.js) with Socket.io for real-time communication. The project uses React Router for navigation and the Context API for state management.
- Real-Time Communication: Utilizes Socket.io for instant messaging and updates.
- User Authentication: Allows users to sign up, log in, and track their conversations.
- React Router: Implements client-side routing for a seamless single-page application experience.
- Context API: Manages global state, providing easy access to data throughout the app.
-
Frontend:
- React
- React Router
- Context API
-
Backend:
- Node.js with Express.js
- Socket.io for real-time features
- MongoDB for data storage
- Clone the repository:
https://github.com/harshmamgai/MENR_Realtime_chat_socket_io.git cd real-time-chat-app
cd server npm install
cd ../client npm install
Create a .env file in the server directory and set your MongoDB URI and other necessary variables. Run the Application:
cd server yarn start
cd ../client yarn start
Open your browser and go to http://localhost:3000 to access the chat application. Sign up, log in, and start real-time conversations.