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

https://github.com/namanrox/chat

Chat with anyone in the respective room of Gaming, Coding or Social Media (for entertainment purpose).
https://github.com/namanrox/chat

css expressjs html nodejs reactjs socket-io

Last synced: 3 months ago
JSON representation

Chat with anyone in the respective room of Gaming, Coding or Social Media (for entertainment purpose).

Awesome Lists containing this project

README

          

# Ba@te
[![Language](https://img.shields.io/badge/Language-Javascript-blue.svg?style=flat)](https://www.javascript.com/)
[![Framework](https://img.shields.io/badge/Framework-Reactjs-brightgreen.svg?style=flat)](https://reactjs.org/)
####
Visit [here](https://chat-basic.vercel.app/) to have a look at this website.

## Environmental Setup
- The website is developed in VS Code.
#### How to setup in local environment
- Download and install a code/text editor.
- Recommended -
- Download [VS Code](https://code.visualstudio.com/download)
- Download [Atom](https://atom.io/)
- Download [Node Js and npm(Node package manager)](https://nodejs.org/en/) (npm gets installed by default on downloading Node)
- Clone the repository by running the command:
```
git clone https://github.com/namanrox/chat.git
```
in your GitBash or terminal of VS Code.

## Front-End
- Run the command `cd FE`
- Run `npm install` to install all the dependencies.
- Run `npm start` to start it on localhost:3000.
- Now you are set to use it locally.
- **But in order to make it your own, change all the dependencies to your name.**

## Back-End
- Run the command `cd BE`
- Run `npm install cors express socket.io` to install all the required dependencies.
- Go to package.json file and add the script `"start": "nodemon index.js"` inside scripts.
- Run `npm start` to start the backend server.
- Check for `App started at port {provider}` to know whether the port is connected properly or not with the front-end.
- Now you are set to use it locally.

![home](https://github.com/user-attachments/assets/5e78b2a4-75bb-4e8e-8293-5612ab1944af)

![chat room](https://github.com/user-attachments/assets/26d138da-4f17-40d7-8273-f1378a6af545)