Let’s Chat

A real-time chat application. Another fun side project ?

Screenshot from 2022-09-07 16-27-25

Screenshot from 2022-09-07 17-11-16

GIFs are attached at the end.

Technologies Used

  • React and TailwindCSS for the frontend
  • Firebase for authentication
  • Node/Express for creating API endpoints
  • MongoDB for storing chat room members and their messages
  • Socket.io for making the app real-time

Basic Features

  • Users can register/login via email and password.
  • Profile page where users can update their avatar and display name.
  • Generate random avatars using DiceBear API
  • Users can create a room to chat with others.
  • Users can see online status.
  • Search functionality.
  • Chatting is real-time.
  • Emoji picker is also integrated.
  • Dark mode can be enabled.

GIFs

chrome-capture-2022-8-7

chrome-capture-2022-8-7 (1)

chrome-capture-2022-8-7 (2)

GitHub

View Github