Gitpedia

Chat app react nodejs

Chat Application Using React, Node.js and Socket.io with MongoDB

From koolkishan·Updated May 26, 2026·View on GitHub·

Snappy is chat application build with the power of MERN Stack. You can find the tutorial [here](https://www.youtube.com/watch?v=otaQKODEUFs) The project is written primarily in JavaScript, first published in 2022. Key topics include: chat-room, chatapp, chatapplication, chatsocket, fullstack-development.

Snappy - Chat Application

Snappy is chat application build with the power of MERN Stack. You can find the tutorial here

login page

home page

Installation Guide

Requirements

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.

Contributors

Showing top 2 contributors by commit count.

View all contributors on GitHub →

This article is auto-generated from koolkishan/chat-app-react-nodejs via the GitHub API.Last fetched: 5/31/2026