nemuelw / InstaChat

Full-stack realtime chat app

InstaChat

Full-stack realtime chat app

Requirements

• NodeJS

Stack

• React
• Tailwind
• NodeJS
• Express

Screenshots

User 1 joins
User 2 joins
Updated users list
User 1 sends a message
User 2 responds

Setup

• Clone this repository

git clone https://github.com/nemzyxt/InstaChat.git

• Navigate to the frontend directory and run this command to install dependencies

npm install

• Navigate to the backend directory and run this command to install dependencies

npm install

• Optionally update .env in the frontend directory as appropriate

Usage

• Navigate to the backend directory and run this command to start the server

npm start

• Navigate to the frontend directory and run this command to start the frontend

npm start

• Open the provided URL on separate browser tabs
• Join the chat using different usernames
• You can now send messages to and fro and see them appear on the other tab(s) in realtime