Skip to main content
Simon Stijnen
Back to All Projects

ChitChatz

ChitChatz chat interface showing real-time messaging between users

ChitChatz chat interface showing real-time messaging between users

Users that are not logged in get a username prompt to fill in a username. This is then store in the JWT token provided by the server.

Users that are not logged in get a username prompt to fill in a username. This is then store in the JWT token provided by the server.

Once a user is logged in he gets to see the available rooms at the left of the screen. Together with the option to create a room for himself.

Once a user is logged in he gets to see the available rooms at the left of the screen. Together with the option to create a room for himself.

Once a user has joined the room by clicking it, he can start chatting!

Once a user has joined the room by clicking it, he can start chatting!

Because this project was all about JWT tokens, a user can view his JWT token in this popup.

Because this project was all about JWT tokens, a user can view his JWT token in this popup.

Project Overview

A high performance, real-time messaging application built with Node.js and WebSocket. ChitChatz allows users to set a name, join chat rooms, and send messages in real-time. The application uses JWT for authentication and stores user data in cookies for session management.

The frontend is built with TypeScript and JQuery, providing a responsive and interactive user interface.

Docker is used for containerization, ensuring easy deployment and scalability.

Technologies Used

  • WebSocket
  • TypeScript
  • Docker
  • Node.js
  • JWT
  • JQuery
  • Cookies

Related Projects

Final project: Bluetooth Device Localization
Locating devices in a room via bluetooth signal strength.
Pop-a-loon
A full stack Chrome extension with 200+ users, featuring interactive balloons and real-time stats.
BEMED - Zero Waste Montenegro
Helping government institutions manage their environmental footprint.