Chatting-website

Realtime Chatting Website

This project is a full-stack chatting website built using ReactJS, Tailwind CSS, Node.js, Express.js, MongoDB, JSON Web Tokens, and Socket.IO. It provides users with real-time communication capabilities in a modern and responsive user interface.

Features:

• Real-time Chatting: Utilizes WebSocket with Socket.IO for seamless real-time communication between users.
• User Authentication: Implements a custom user authentication system using JSON Web Tokens for secure login and session management.
• Responsive Design: Built with ReactJS and Tailwind CSS, ensuring a responsive and mobile-friendly user experience.
• Data Persistence: Stores user information and chat messages in MongoDB for data persistence and retrieval.
• Scalability: Designed with scalability in mind, allowing for potential future enhancements and increased user load.

Technologies Used:

• Frontend: ReactJS, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Real-time Communication: Socket.IO
• Authentication: JSON Web Tokens (JWT)

How to Use:

1. Clone the repository to your local machine.
2. Install dependencies using npm install.
3. Configure MongoDB connection in the backend.
4. Run the backend server using npm start in the /backend directory.
5. Run the frontend development server using npm start in the /frontend directory.
6. Access the application in your browser at http://localhost:3000.

Sign-up page

Sign-in page

Home page

Sending chats