Chat App is a platform where users can chat with their friends in real time. The project is built using modern web technologies to ensure a seamless and responsive user experience. To use it click ➡️ Chat
The Chat App allows users to have real-time conversations with their friends. The frontend is developed using React, TailwindCSS, and Zustand, while the backend utilizes Postman for API management, MongoDB for the database, and Socket.io for real-time communication.
- React
- TailwindCSS
- Zustand
- API: Postman
- Database: MongoDB
- Socket.io: For real-time communication
- Real-time Chat: Users can send and receive messages in real-time.
- User Authentication: Secure login and signup functionality.
- Friend List Management: Users can add and remove friends.
- Message History: Users can view the chat history.
- Node.js and npm installed on your machine
- MongoDB setup
-
Clone the repository:
git clone https://github.com/xlr8nur/chat-app.git cd chat-app
-
Install frontend dependencies:
cd frontend npm install
-
Install backend dependencies:
cd ../backend npm install
-
Set up MongoDB:
- Ensure MongoDB is running and accessible.
-
Configure environment variables:
Create a
.env
file in the backend directory and add your MongoDB connection string and other necessary environment variables. -
Run the backend server:
npm start
-
Run the frontend development server:
cd ../frontend npm start
The application will run on
http://localhost:3000
.
Users can access the project by clicking this link: Chat App.
-
Sign Up / Sign In:
Users can sign up for a new account or sign in to an existing account.
-
Add Friends:
Users can add friends to start chatting.
-
Start Chatting:
Users can send and receive messages in real-time.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature-name
). - Commit your changes (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature/your-feature-name
). - Open a pull request.
For any inquiries or feedback, please contact: