Full-stack realtime chat app
- NodeJS
- React
- Tailwind
- NodeJS
- Express
User 1 joins
User 2 joins
Updated users list
User 1 sends a message
User 2 responds
- 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
- 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