NexChat
Real-time chat application that allows users to communicate with each other. It supports one-on-one messaging and provides a simple and intuitive user interface.
NexChat
NexChat is a real-time chat application that allows users to communicate with each other. It supports one-on-one messaging and provides a simple and intuitive user interface.
Features
- Real-Time Messaging: Instantly send and receive messages in real-time.
- User Authentication: Secure user authentication for a personalized experience.
- Contact List: View and select contacts for one-on-one conversations.
- Emoji Support: Express yourself with emojis using the built-in emoji picker.
- Logout Functionality: Log out securely from the application.
Technologies Used
-
Frontend:
- React
- Styled Components
- React Icons
- Emoji Picker (replace with the actual library you use)
-
Backend:
- Node.js
- Express
- MongoDB (or your preferred database)
- Socket.io for real-time communication
Prerequisites
Before you begin, ensure you have met the following requirements:
- Node.js and npm installed.
- MongoDB server running.
Getting Started
-
Clone the repository:
https://github.com/Devanshi-Bavaria/NexChat.git cd quasarchat -
Install dependencies:
cd frontend npm install cd ../backend npm install -
Configure environment variables:
Create a .env file in the backend folder and set the necessary variables (e.g., MONGODB_URI, PORT). -
Start the development servers:
cd frontend npm start cd ../backend npm start -
Open your browser and go to http://localhost:PORT to use QuasarChat.
Screenshots
Login Page
Register Page
Avatar Selection Page
Chat Welcome Page
License
This project is licensed under the MIT License - see the LICENSE file for details.
Acknowledgments
- Thanks to Kishan Sheth for wonderful resources that helped me building this project.
Happy chatting!