Back home

Chat Time

Chat Time is a straightforward website that enables users to chat with strangers globally. All users need to do is register and begin conversing with one another online. It's as simple as that!

Screenshot of Chat Time web app

Specifications

  • Built with HTML5 semantic tags, React.js, Tailwind, DaisyUI, Node.js, Express.js, MongoDB, Socket.io
  • Total of 4 pages
  • Mobile-first workflow
  • Responsive on all devices

Features

  1. Authentication
    • Account registration and login
    • User input validation on both the frontend and backend
  2. Chat Room
    • Visible online status
    • Real-time chat
    • User search using debounce function

Lesson Learned

This is my first time using Socket.io for real-time chat features. I was really excited when I saw the chat feature working smoothly. For user search, I implemented a debounce function to limit API calls, thus saving resources.

Tap Here for the Live Demo