Commit Graph

12 Commits

Author SHA1 Message Date
24fb28f70a feat(ui): Solve issues 4-10 and polish UI
- Added top padding to all pages (Fix #4)
- Implemented smooth accordion animations for navigation and messages (Fix #5, #9)
- Fixed double selection highlight in navigation bar (Fix #6)
- Enabled nested schedule routing for 'Session' view (Fix #7)
- Softened switching animations for message types (Fix #8)
- Reworked messages to use accordion expansion and removed history (Fix #9)
- Moved Support section into Settings page (Fix #10)
- Cleaned up unused imports and refined layouts

Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 02:17:12 +03:00
741e4f7db7 feat(ui): Enable full UI functionality check
- Expanded mock API with rich data for all sections
- Implemented functional Docs and Support pages
- Added Message detail view with history and attachments
- Refined routing to map all sidebar destinations
- Finalized M3/xd-client hybrid styling across all pages

Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 01:58:11 +03:00
7fa4752868 feat(ui): Repeat xd-client UI with modern adaptive features
- Integrated Tailwind CSS v4 and Shadcn UI components from xd-client
- Adopted xd-client modern aesthetic (oklch, radial gradients, glassmorphism)
- Combined with modern adaptive 3-tier navigation logic
- Refactored all pages (Profile, Login, Settings, Messages, Schedule, Grades, Debts)
- Enhanced ThemeProvider with dynamic Material You palette generation
- Polished overall UX and animations

Refs #3
Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 01:53:22 +03:00
47e69be29f feat(ui): Complete massive UI rework and API integration
- Implemented full Material Design 3 adaptive navigation system
- Added HCT-based Dynamic Color system with contrast level 0.5
- Implemented M3 Filled Text Fields with advanced state layers and validation
- Added functional pages: Profile, Messages, Schedule, Grades, Debts
- Enhanced sidebar with user profile header and university logo
- Polished layouts, groupings, and spacings as per specification

Refs #3
Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 01:32:39 +03:00
05f9c3198c feat(ui): Implement M3 FAB and finalize core UI rework (Stage 3)
- Implemented M3 Floating Action Button (FAB) with extended variant support
- Integrated FAB into Navigation Rail (top placement) and Bottom Bar (floating)
- Added user profile header to expanded sidebar
- Polished M3 styles and transitions
- Fixed various CSS and layout issues

Refs #3
Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 01:18:17 +03:00
b71076450c feat(ui): Implement Dynamic Color system and M3 Forms (Stage 2)
- Integrated @material/material-color-utilities for HCT-based color generation
- Implemented M3 Filled Text Field with floating labels and state layers
- Added Seed Color picker and palette preview to Settings
- Updated Login page with new M3 components
- Enhanced ThemeProvider with system preference listeners

Refs #3
Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 01:16:36 +03:00
db0b93b007 feat(ui): Implement adaptive navigation system (Stage 1)
- Added useDisplay hook for breakpoint-based layout
- Added useScrollDirection hook for hide-on-scroll logic
- Implemented three-tier navigation:
  - Navigation Bar (Compact < 600px) with auto-hide
  - Navigation Rail (Medium 600-1240px)
  - Expanded Navigation Rail (Expanded > 1240px)
- Added support for sub-menus in expanded rail
- Added notification badges support
- Integrated ThemeProvider into App

Refs #3
Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 01:10:55 +03:00
67563664ce feat: Add responsive navigation and theme selection
- Implemented adaptive navigation (Sidebar for wide screens, Bottom Nav for narrow screens)
- Added manual theme selection (Light/Dark/System)
- Added accent color selection
- Created ThemeProvider for dynamic styling
- Added Settings page
- Refactored Profile page with Quick Access links

Fixes #2
Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 00:58:27 +03:00
7cbe5ab6e2 feat: Add mock mode for UI-only development
- Created mock API implementation in src/api/mock.ts
- Added isMockMode toggle to useStore
- Implemented switching between real and mock API in client.ts
- Added Mock Mode toggle to Login page
- Added 'npm run dev:mock' command

Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 00:51:43 +03:00
5ec94df727 fix: Downgrade Vite to v5 for Node.js 21 compatibility
Downgraded Vite from v8 to v5 and @vitejs/plugin-react from v6 to v4
to resolve compatibility issues with Node.js 21.7.3.
Fixed TypeScript type-only imports to comply with verbatimModuleSyntax.

Fixes #1
Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 00:46:54 +03:00
d238930b7c docs: Update README with setup instructions 2026-04-11 00:41:33 +03:00
e176c00e52 feat: Initial Material You client implementation
Implemented a Material You (Material 3) client for the bonch-open-api.
- Added API client with axios
- Added Zustand store for API config and user data
- Added Login and Profile pages
- Set up routing with react-router-dom
- Added global styles with Material 3 tokens

Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-11 00:40:55 +03:00