This is a chat website built using HTML, CSS, JavaScript, Node.js, React, MongoDB, and Express. The website allows real-time messaging, notification handling, managing read/unread messages, and provides user login and signup functionality.
- Real-time messaging: Users can send and receive messages in real-time, enabling instant communication.
- Notification handling: The website handles notifications for new messages, ensuring users are promptly notified.
- Read/unread messages: Users can keep track of read and unread messages, providing a clear overview of their chat history.
- User management: The website includes user login and signup functionality, ensuring secure access to chat features.
- HTML: Used for structuring the website's layout and content.
- CSS: Employed for styling the website, ensuring an appealing and intuitive user interface.
- JavaScript: Implemented for interactive elements and client-side functionality.
- Node.js: Utilized as the server-side runtime environment.
- React: Employed for building the website's user interface and handling dynamic content.
- MongoDB: Used as the database to store user information and chat data.
- Express: Employed as the server framework to handle HTTP requests and route handling.
- Clone the repository:
git clone https://github.com/your-username/chat-website.git
- Navigate to the project directory:
cd chat-website
- Install dependencies:
npm install
- Set up MongoDB database and update the connection details in the configuration file.
- Start the server:
npm start
- Open the website in your browser:
http://localhost:3000
- Sign up or log in to the chat website using your credentials.
- Start messaging other users in real-time.
- Receive notifications for new messages and manage read/unread messages.
- Explore additional features such as user settings and profile management.
This project is licensed under the MIT License. Feel free to use, modify, and distribute the code for personal or commercial purposes.