Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/koolkishan/chat-app-react-nodejs
Chat Application Using React, Node.js and Socket.io with MongoDB
https://github.com/koolkishan/chat-app-react-nodejs
chat-room chatapp chatapplication chatsocket fullstack-development fullstack-javascript mern-project mern-stack mongodb nodejs reactjs socket-io
Last synced: 4 days ago
JSON representation
Chat Application Using React, Node.js and Socket.io with MongoDB
- Host: GitHub
- URL: https://github.com/koolkishan/chat-app-react-nodejs
- Owner: koolkishan
- Created: 2022-02-25T16:32:07.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-08-06T11:17:00.000Z (6 months ago)
- Last Synced: 2025-01-10T01:07:32.310Z (11 days ago)
- Topics: chat-room, chatapp, chatapplication, chatsocket, fullstack-development, fullstack-javascript, mern-project, mern-stack, mongodb, nodejs, reactjs, socket-io
- Language: JavaScript
- Homepage: https://www.youtube.com/watch?v=otaQKODEUFs
- Size: 2.19 MB
- Stars: 797
- Watchers: 12
- Forks: 563
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Snappy - Chat Application
Snappy is chat application build with the power of MERN Stack. You can find the tutorial [here](https://www.youtube.com/watch?v=otaQKODEUFs)
## Installation Guide
### Requirements
- [Nodejs](https://nodejs.org/en/download)
- [Mongodb](https://www.mongodb.com/docs/manual/administration/install-community/)
Both should be installed and make sure mongodb is running.
### Installation
#### First Method
```shell
git clone https://github.com/koolkishan/chat-app-react-nodejs
cd chat-app-react-nodejs
```
Now rename env files from .env.example to .env
```shell
cd public
mv .env.example .env
cd ..
cd server
mv .env.example .env
cd ..
```
Now install the dependencies
```shell
cd server
yarn
cd ..
cd public
yarn
```
We are almost done, Now just start the development server.
For Frontend.
```shell
cd public
yarn start
```
For Backend.
Open another terminal in folder, Also make sure mongodb is running in background.
```shell
cd server
yarn start
```
Done! Now open localhost:3000 in your browser.
#### Second Method
- This method requires docker and docker-compose to be installed in your system.
- Make sure you are in the root of your project and run the following command.
```shell
docker compose build --no-cache
```
after the build is complete run the containers using the following command
```shell
docker compose up
```
now open localhost:3000 in your browser.