Realtime Chat App with MERN stack (Frontend)

Introduction

This repo consists of the Frontend part of a Realtime Chat Application built with the MERN stack. I built it when I was trying to learn React and the stack for the first time.

Feature

• JWT Authentication
• One-on-one Private Chat where users can chat with others privately.
• Create a room and start a Room Chat for users who want to broadcast messages to a specific group of users.
• Real-time updates to conversation messages, user online/ offline, read/ unread status, user join/leave room to notify, etc.
• Support both RWD and different themes with light and dark mode

Technologies

• database - MongoDB
• backend - Express.js & Node.js
• frontend - React.js (with styled-components)
• Real-time messages - Socket.io

Deploy

• database: MongoDB Atlas
• backend: Render
• frontend: Vercel

Live Demo

https://chat-app-fe-sable.vercel.app/login

Testing Account

username: user123@
password: 12345678