/Disturbo

Primary LanguageTypeScript

Real-Time Chat Application "Disturbo"

Overview

Disturbo is a Discord clone application designed to emulate the core features of the popular chat platform, Discord. This application allows users to engage in real-time chat conversations, manage channels, and authenticate their identities.

homepage

Live Deployment

You can access the live deployment of Disturbo at Firebase

Features

  • Real-Time Chat: Engage in real-time chat conversations with other users.
  • Channel Management: Create chat channels.
  • User Authentication: Secure login and logout functionalities using Google authentication.
  • Responsive UI: A user-friendly interface that mirrors the design of Discord.
  • Error Handling: Enhanced error feedback using react-error-boundary.
  • Real-time Data Syncing: Messages and channel updates are reflected in real-time to all users.

Technology Stack

  • React: The frontend is built using React, ensuring a component-driven architecture.
  • TypeScript: The application is typed with TypeScript, which brings static typing to JavaScript.
  • Redux: State management is handled by Redux, ensuring a unidirectional data flow and centralized state management.
  • Firebase: The backend leverages Firebase, particularly its Firestore database, for storing chat messages, channel data, and user authentication.
  • Material UI: Icons and some UI components are sourced from Material UI for a consistent and modern look.
  • Sass: Styling is enhanced with Sass, offering more features than traditional CSS.