← Back to Works

Chat Application

TypeScript JavaScript React Vite Material UI React Router v6 CSS JWT Authentication Redux Socket IO ExpressJS MongoDB Git Microsoft Azure Azure App Service Github Actions
Chat Application
Type web application
Associated Personal Project
Live Visit Project
Source GitHub

Overview

The Chat-Application is a real-time chat application built using React, Node.js, Express.js, and Socket.IO. It provides users with a platform to engage in instant messaging, enabling them to have real-time conversations with other users.

Tech Stack

  • TypeScript
  • React
  • Socket.IO
  • ExpressJS
  • MongoDB
  • Material UI

Problems Faced

Managing real-time state and ensuring that messages are delivered promptly without duplicates was a key challenge. Handling authentication with JWT in a socket environment also required specific attention.

What I Learned

I gained a deep understanding of WebSockets, real-time data synchronization, and how to build responsive chat interfaces.