bahaaghali000/full-stack-realtime-chat-app

Full-Stack Real Time Chat App | MERN Stack && Socket.io

Real Time Chat app

A Full-Stack Real Time Chat App using MERN Stack && Socket.io

Features

• Register/Login
• Send and receive messages in real time
• Display online/offline status indicators
• Show typing indicators to let users know when someone is typing a message in the chat.
• Enable users to share files such as images
• Update your profile such as profile picture, username, bio
• Full Responsive
• Skeletons Loading

Technologies

Frontend

• React.js
• TailwindCSS
• Redux ToolKit
• TypeScript
• react-hot-toast
• socket.io-client

Backend

• Node.js
• Express
• MongoDB
• jwt
• bcrypt
• Socket.io

Setting up development environment

Backend

Installation

$ git clone https://github.com/bahaaghali000/full-stack-realtime-chat-app.git

$ cd backend

$ npm install

Running the app

# development
$ npm start

Frontend

First Installation

cd frontend

npm i

Second, run the development server:

npm run dev

UI

taken from ThemeForest