This project is developed using Next.js, Tailwind CSS, and Zustand to facilitate real-time communication with SocketIO. By leveraging Next.js's custom server, the need for a separate project for SocketIO is eliminated, allowing all functionalities to be contained within a single project.
- Next.js: A web application framework based on React.
- SocketIO: A library used for real-time communication.
- Tailwind CSS: A utility-first CSS framework for creating customizable and responsive designs.
- Zustand: A simple and lightweight state management library for React applications.
-
Navigate to the project directory:
cd project-directory -
Install the required packages:
npm install
-
Start the development server:
npm run dev
-
Open your browser and go to
http://localhost:3000to view the application.
This project enables users to communicate in real-time. When users connect to the application, they can instantly see messages sent by other users and share their own messages.
To enhance user experience, web notifications and notification sounds have been added to this project. Notifications will be triggered for new messages received while the user is not focused on the application.
Your contributions are welcome! Please report any issues, make suggestions, or submit a PR (pull request) directly.
This project is licensed under the MIT License. For more information, please see the LICENSE file.
This provides basic information about the project's usage and contribution guidelines. Feel free to edit this file to add any additional information or provide more detailed explanations as needed.