Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/baqar-abbas/real-time-chat-app-mern
This is a real time chat application built using MERN Stack which allows users to signup and signin using their credentials, It also allows users to send and receive chat messages to friends and chat with them in real time.
https://github.com/baqar-abbas/real-time-chat-app-mern
daisy-ui expressjs mern-stack mongodb mongodb-atlas nodejs reactjs socket-io tailwind-css
Last synced: about 21 hours ago
JSON representation
This is a real time chat application built using MERN Stack which allows users to signup and signin using their credentials, It also allows users to send and receive chat messages to friends and chat with them in real time.
- Host: GitHub
- URL: https://github.com/baqar-abbas/real-time-chat-app-mern
- Owner: baqar-abbas
- License: mit
- Created: 2024-04-25T12:58:38.000Z (9 months ago)
- Default Branch: development
- Last Pushed: 2024-04-28T22:58:59.000Z (9 months ago)
- Last Synced: 2024-04-29T20:24:40.309Z (9 months ago)
- Topics: daisy-ui, expressjs, mern-stack, mongodb, mongodb-atlas, nodejs, reactjs, socket-io, tailwind-css
- Language: JavaScript
- Homepage:
- Size: 535 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# real-time-chat-app-mern
| Full Stack Chat App |
| --------------------------------- |
|  |
|  |
|  |
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
> **[CHAT-APP]** This project is a real-time chat application developed using the MERN stack along with Socket io for real time client server communication. It provides a user-friendly platform for registered users to engage in instant messaging. Key features include user authentication for secure sign-up and sign-in processes, the ability to send and receive messages instantly, and real-time chat functionality. This application offers a seamless communication experience, enabling users to connect and converse with friends effortlessly.
Client
Server
Database
- **[Design the Application to handle responsiveness for small, medium, large devices]**
- **[Design and implement the functionality Sign up and Sign in users]**
- **[Desgin and implement the functionality real time chat using MERN & Socket IO]**
- **[The application allows users to signup, login, send and receive messages]**
- **[Implemented the notifications functionality using React Toast]**
- **[Implemented authentication using JWT and validations included for error handling ]**
- [Live Deployment link on render](https://chat-app-caez.onrender.com)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- GitHub Account, VScode and Node Js Environment.
##
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone [email protected]:baqar-abbas/real-time-chat-app-mern.git
```
### Install & setup
Install this project with:
```sh
npm install
cd frontend
npm install (for frontend)
Setup .env file and environmental variables
PORT=
MONGO_DB_URI=
JWT_SECRET=
NODE_ENV=development
```
### Usage
To run the project, execute the following command:
```sh
For starting the backend: In the root directory -> npm run server
For starting the frontend: cd frontend -> npm run dev
```
### Run tests
To run tests, run the following command:
```sh
NA
```
👤 **Baqar Abbas**
- GitHub: [@Baqar](https://github.com/baqar-abbas)
- Twitter: [@BaqarAbbas9](https://twitter.com/BaqarAbbas9)
- LinkedIn: [Baqar Abbas](https://www.linkedin.com/in/baqar-abbas/)
- [ ] **[More options in chat will be added]**
- [ ] **[New functionalities will be incorporated]**
- [ ] **[Functionality of attachements of files and images will be added]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/baqar-abbas/real-time-chat-app-mern/issues/new).
If you like this project, give it a star.
I would like to thank HUMANTEK for the idea of this project.
This project is [MIT](./LICENSE) licensed.