05f9c3198ca42087971903b4d7ee3dbd58309269
- 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>
Bonch Material You Client
A modern Material You (Material 3) client for the bonch-open-api.
Features
- Material 3 Design: Clean UI following Material You principles with support for light/dark modes.
- Dynamic API Configuration: Easily switch API domains and keys.
- Profile View: View student profile information (Full Name, Group, Faculty, Email).
- Responsive: Works well on mobile and desktop.
Stack
- Frontend: React + TypeScript + Vite
- State Management: Zustand (with persistence)
- API Client: Axios
- Icons: Lucide React
- Routing: React Router DOM
Getting Started
-
Clone the repository
git clone https://gitea.snusxd.site/adminxd/bonch-md-client.git cd bonch-md-client -
Setup environment Copy
.env.exampleto.envand set your default API domain.cp .env.example .env -
Install dependencies
npm install -
Run development server
npm run dev
Configuration
The API domain can be configured via the VITE_API_DOMAIN environment variable or changed directly in the app's login screen.
License
Private
Description
Languages
TypeScript
94.3%
CSS
5%
JavaScript
0.4%
HTML
0.3%