An offline Discord clone built with modern web technologies.
- Modern UI inspired by Discord
- Server and channel creation
- User authentication
- Responsive design (in progress)
- Customizable interface
- β‘οΈ Vite - Next generation frontend tooling
- π¦ TypeScript - Type-safe JavaScript
- π» Zustand - State management
- π¨ Tailwind CSS - Utility-first CSS framework
- π οΈ ShadCN - Unstyled, accessible UI components
βββ assets/ # Static assets
βββ components/ # UI components
βββ pages/ # Pages
βββ types.ts # TypeScript types
βββ utils/ # Utility functions
βββ vite.config.ts # Vite configuration
βββ index.html # Entry point
βββ main.ts # Main application entry point
βββ tailwind.config.ts # Tailwind CSS configuration
βββ tsconfig.json # TypeScript configuration
Each directory and file serves a specific purpose in the application architecture:
- assets: Contains static files used throughout the application
- components: Houses reusable UI components following component-based architecture
- pages: Contains the main views and routes of the application
- types: Central location for TypeScript type definitions
- utils: Shared utility functions and helpers
- config files: Configuration for Vite, Tailwind, and TypeScript