UI Components

Libraries & Frameworks

• shadcn/ui: Accessible UI primitives
• Tailwind CSS: Utility-first styling
• Framer Motion: Animations and gestures
• Radix UI: Accessible primitives
• Lucide React: Icon library
• Recharts: Data visualization

Core Layout Components

• Header: Top navigation with branding, theme toggle, and settings
• Navbar: Adaptive mobile/desktop navigation
• Login: Secure authentication form with auto-login

Feature Components

• AttendanceCard: Circular progress for attendance tracking
• SubjectInfoCard: Subject details with faculty info
• GradeCard: Grade display with marks breakdown
• MarksCard: Exam marks with download option
• SubjectChoices: Elective selection interface
• CircleProgress: SVG progress indicator

Dialog Components

• MessMenu: Daily/weekly mess menu viewer
• SettingsDialog: App settings and preferences

Utility Components

• InstallPWA: PWA install prompt
• ThemeBtn: Theme toggle button

shadcn/ui Primitives

• Form controls: Input, Button, Select, Switch
• Layout: Dialog, Sheet, Tabs, Table
• Feedback: Progress bars

Design Patterns

• Class name composition with `cn()` utility
• Component structure: Container/Presentational
• Animation patterns with Framer Motion
• Responsive design with Tailwind breakpoints