This project is a Discord UI Clone built using React as part of a college group project. The goal was to replicate the core interface and basic functionality of Discord without using any backend.

All data handling is done using React state and LocalStorage, simulating real-world application behavior.

• Rishi
• Parth
• Daksh

Each member contributed equally with balanced commits in GitHub.

• Sidebar (Servers UI)
  Vertical server icons with hover effects and active states

• Channels List
  Clickable channels with active highlighting

• Chat System
  Display messages with username, text, and timestamp

• Message Input
  Send messages dynamically using React state

• LocalStorage Support
  Messages persist after page refresh

• Multiple Channels Support
  Each channel maintains separate chat data

• Typing Indicator
  Shows when user is typing

• Dark / Light Mode
  Theme toggle using plain CSS (no variables used)

• Delete Message
  Remove messages from chat

• Notification Badge
  Unread message indicators on channels

• React (Vite)
• JavaScript (ES6)
• Plain CSS (No Tailwind, No CSS Variables)
• React Router
• LocalStorage

src/ components/ Sidebar.jsx Channels.jsx Chat.jsx pages/ Home.jsx styles/ *.css App.jsx

npm install
npm run dev

• Component-based architecture in React
• State management without backend
• UI structuring similar to real-world apps
• LocalStorage integration
• Team collaboration using GitHub

This project is built for educational purposes and does not include real-time backend functionality.