Recently, I started learning frontend development and decided to build a management system from scratch based on Vite + React + React Router v7 + Zustand + shadcn/ui. The overall framework has already been set up, and here is the progress summary of each functional module:
✅ Feature Completion Status
Permission Management (80%)
Basic permission control is implemented using mock data. Menus related to system management have not been developed yet and will be a focus for future development.
Theme Color Switching (100%)
Internationalization (i18n) (100%)
Dark/Light Mode Switching (100%)
📂 Progress of Various Menus
System Management (20%)
This will be prioritized going forward. Currently, only the “Role Management” menu is available; other modules are not yet implemented.
Dashboard (100%)
The initial design is complete with one layout. More layout options will be added when time permits.
Charts (Not started)
3D Visualization (Not started)
Map Functionality (Not started)
🖼️ Project Preview & Code Links
🔗 GitHub Pages:
https://yluiop123.github.io/vite-shadcn
🔗 Vercel Deployment:
https://vite-shadcn-3e065rpql-yluiop123s-projects.vercel.app/dashboard
💻 Source Code Repository:
https://github.com/yluiop123/vite-shadcn