Welcome to Chit Chat, a modern real-time chat application built using the MERN stack, Socket.io, and styled with Daisy UI. This project provides seamless, interactive chat functionality with a sleek and responsive design.
- Real-Time Communication: Instant messaging powered by Socket.io.
- User Authentication: Secure signup and login using JWT (JSON Web Tokens).
- Responsive UI: Designed with Daisy UI for a clean and responsive experience.
- Group Chats: Create and manage group conversations.
- React.js
- Daisy UI (on top of Tailwind CSS)
- Axios for API communication
- React Router for navigation
- Node.js
- Express.js
- MongoDB with Mongoose
- Socket.io for real-time communication
- JWT for authentication
Make sure you have the following installed:
- Node.js (v14 or later)
- MongoDB (running locally or hosted)
- Git
-
Clone the repository:
git clone https://github.com/abhishekgurjar-in/chit-chat.git cd chit-chat -
Set up the server:
cd server npm install- Create a
.envfile in theserverdirectory and add:PORT=5000 MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret SOCKET_PORT=5001 - Start the server:
npm start
- Create a
-
Access the application:
- Open your browser and navigate to
http://localhost:3000.
- Open your browser and navigate to
- JWT Authentication: Secure access to routes and user sessions.
- Input Validation: Prevents malicious input via form validations.
- WebSocket Security: Ensures authenticated connections for real-time updates.
Contributions are welcome! To contribute:
- Fork the repository.
- Create a feature branch:
git checkout -b feature-name. - Commit your changes:
git commit -m "Add new feature". - Push to the branch:
git push origin feature-name. - Submit a pull request.
For questions, feedback, or collaboration:
- Author: Abhishek Gurjar
- GitHub: abhishekgurjar-in