Real Time Chat Web Application

This is a frontend site of a full-stack real time chat web application. The frontend site is developed above Next.js, tailwind css, and several tools & libraries. For real time communication between user, I use websocket.

Demo Video

real.time.chat.app.mp4

Features

1. Authentication and Authorization
2. Profile page
3. Search users (you can add them as your friend)
4. Friend list
5. Chat with other users (real time chat)
6. History chat. Your chat and your friends are stored in the database.

Getting Started

You can find the backend repository here

1. Run the backend application
2. Clone this frontend repository git clone https://github.com/iqbalpa/chat-app-frontend.git
3. Install the required packages

npm install
# or
yarn install
# or
pnpm install

4. Run the frontend application

npm run dev
# or
yarn dev
# or
pnpm dev

5. Visit localhost:3001