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.
real.time.chat.app.mp4
- Authentication and Authorization
- Profile page
- Search users (you can add them as your friend)
- Friend list
- Chat with other users (real time chat)
- History chat. Your chat and your friends are stored in the database.
You can find the backend repository here
- Run the backend application
- Clone this frontend repository
git clone https://github.com/iqbalpa/chat-app-frontend.git - Install the required packages
npm install
# or
yarn install
# or
pnpm install- Run the frontend application
npm run dev
# or
yarn dev
# or
pnpm dev- Visit
localhost:3001