Lam Nguyen

project

blog

Chat App

  • Tech stacks:

  • nextjs13
  • firebase
  • mui
  • lottie

Type of project:

personal

Introduce:

This is chat app I write for clone telegram. I see telegram interface and try to implement my own chat app with some ux borrow from telegram.

The idea began when the first time I saw the introduce about nextjs 13 in the dev.to. I want to enjoy with new tech and have a chat product make me feel more comfortable and want to use like other chats product in the market.

I using mui as my ui library because I family with it, and will make sure product not too long for release. With a chat app, this mean real time response, so I chose firebase as a real time database and nextjs api to handle action with interact with database.

Current:

This project separate to 3 steps. The first time is building authentication and simple p2p chat. It already done first stage. You can view it in: chat_app_github

Plan:

The planing of this project in the road map section in readme.md file of github repository. But the project focus on chat p2p, group and will more and more feature to support this two main value.

Chat app - login page

1. Login page of chat app with basic authentication using gmail and password.

Chat app - main page

2. View main page - after login successful, where you contact with friend and chills.

Made by Lam Nguyen. Contact with me @lamnguyen.