An open API service indexing awesome lists of open source software.

https://github.com/puskar-roy/pathway

A Real time Chat Web using React js, Express Js, Mongo DB, Node Js, Socket.io.
https://github.com/puskar-roy/pathway

expressjs mern-chatapp mongodb nodejs reactjs real-time-chat-application real-time-chat-applications-using-websockets realtimechat socket-io

Last synced: 3 months ago
JSON representation

A Real time Chat Web using React js, Express Js, Mongo DB, Node Js, Socket.io.

Awesome Lists containing this project

README

        





Logo

PATHWAY - Real-Time Chat Web-App with Socket.IO


An awesome real-time chat application built with the MERN stack and Socket.IO.





![Image 1](https://res.cloudinary.com/dky3cpvtf/image/upload/v1702371817/React_App_and_1_more_page_-_Personal_-_Microsoft_Edge_04-06-2023_01_45_24_y9isok.png)



![Image 2](https://res.cloudinary.com/dky3cpvtf/image/upload/v1702371868/React_App_and_1_more_page_-_Personal_-_Microsoft_Edge_04-06-2023_01_50_59_wqqdkm.png)



![Image 3](https://res.cloudinary.com/dky3cpvtf/image/upload/v1702371878/React_App_and_1_more_page_-_Personal_-_Microsoft_Edge_04-06-2023_01_44_02_emlevd.png)



![Image 4](https://res.cloudinary.com/dky3cpvtf/image/upload/v1702371841/React_App_and_1_more_page_-_Personal_-_Microsoft_Edge_04-06-2023_01_45_18_s70ujk.png)

### Built With

This section highlights the key frameworks and libraries that form the foundation of your project. Below are some notable examples:

- **[![Node.js](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)](https://nodejs.org/):** A JavaScript runtime built on Chrome's V8 JavaScript engine.
- **[![Express.js](https://img.shields.io/badge/Express.js-404D59?style=for-the-badge)](https://expressjs.com/):** Fast, unopinionated, minimalist web framework for Node.js.
- **[![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)](https://developer.mozilla.org/en-US/docs/Web/JavaScript):** The programming language of
- **[![MongoDB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)](https://www.mongodb.com/):** The database for modern applications.
- **[![React JS](https://img.shields.io/badge/-ReactJs-61DAFB?logo=react&logoColor=white&style=for-the-badge)](https://vercel.com/):** ReactJS is an open-source, front-end JavaScript library.
- **[![ESLint](https://img.shields.io/badge/ESLint-4B32C3?style=for-the-badge&logo=eslint&logoColor=white)](https://eslint.org/):** Pluggable linting utility for identifying and fixing code issues.
- **[![Prettier](https://img.shields.io/badge/Prettier-F7B93E?style=for-the-badge&logo=prettier&logoColor=white)](https://prettier.io/):** Opinionated code formatter to ensure consistent code styling the web.

(back to top)

## Getting Started 🚀

### Prerequisites
Before you begin contributing to this project, make sure you have the following set up:

- [Node.js](https://nodejs.org/): A JavaScript runtime.
- [npm](https://www.npmjs.com/): The Node.js package manager.

### Run This ⌨️

1. **Clone the Repository:**
```bash
git clone https://github.com/Puskar-Roy/Pathway
```
2. **Install Dependencies:**
```bash
cd Pathway/public
npm install
```
and
```bash
cd Pathway/server
npm install
```
4. **Add Environment Variables:**
```bash
cd Pathway/server
touch .env
```
5. **Add the necessary configuration:**
```bash
PORT = 5050 #Your Port
MONGOURI =
```
6. **Run This Project:**
### Run Frontend
```bash
cd public && yarn start
```
or

```bash
cd public && npm start
```
### Run Backend
```bash
cd server && yarn start
```
or

```bash
cd server && npm start
```

(back to top)