Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/devanshi-bavaria/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.
https://github.com/devanshi-bavaria/nexchat
express mern-stack mongodb nodejs react socket-io styled-components
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/devanshi-bavaria/nexchat
- Owner: Devanshi-Bavaria
- Created: 2024-08-12T13:14:53.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-23T17:23:47.000Z (5 months ago)
- Last Synced: 2024-10-15T17:04:40.800Z (3 months ago)
- Topics: express, mern-stack, mongodb, nodejs, react, socket-io, styled-components
- Language: JavaScript
- Homepage: https://nex-chat-nine.vercel.app
- Size: 2.28 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
1. Clone the repository:
```bash
https://github.com/Devanshi-Bavaria/NexChat.git
cd quasarchat
2. Install dependencies:
```bash
cd frontend
npm install
cd ../backend
npm install
```
3. Configure environment variables:
```Create a .env file in the backend folder and set the necessary variables (e.g., MONGODB_URI, PORT).```
4. Start the development servers:
```bash
cd frontend
npm start
cd ../backend
npm start
```
5. 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](LICENSE) file for details.
## Acknowledgments
- Thanks to [Kishan Sheth](https://github.com/koolkishan/) for wonderful resources that helped me building this project.
Happy chatting!