


A full-featured chat application offering real-time messaging, a membership system, and profile management using React, TypeScript, and Firebase.
Category
Full-Stack
Status
Completed
GitHub Stats
Created
Sep 30, 2023
Last Updated
Jan 18, 2026
In this project, I have developed a chat application that mimics the WhatsApp Web workflow, featuring real-time messaging and a membership system.
In real-time chat applications, components such as login, user list, message stream, and profile editing can easily become scattered. This project focuses on consolidating this core communication flow into a single structure.
I have built the application using React, TypeScript, Firebase, and Redux Toolkit. Message and user states are managed within messageSlice and userSlice respectively, and the interface is divided into left and right panel structures. The membership system, message sending, listing all users, and updating name, avatar, and status information are all integrated within the same application.
The result is a chat application with a clear workflow that imitates the desktop messaging experience. The project showcases real-time data flow, authentication, centralized state management, and a TypeScript-based React architecture in unison.
React, TypeScript, Firebase, Firestore, Redux Toolkit, React Redux, Tailwind CSS, Vite, React Toastify, Reactstrap, React Icons, Validator