The latest articles on DEV Community by lei yuan (@lei_yuan_145686ea631e8317). https://dev.to/lei_yuan_145686ea631e8317 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3284247%2F6e633c2f-7d27-44e1-a3f5-3cbd3fbd5919.png https://dev.to/lei_yuan_145686ea631e8317 en lei yuan Sun, 22 Jun 2025 09:06:43 +0000 https://dev.to/lei_yuan_145686ea631e8317/vite-shadcn-admin-23b https://dev.to/lei_yuan_145686ea631e8317/vite-shadcn-admin-23b <p>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:</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs68u9tr3wzi78tw2t1n0.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs68u9tr3wzi78tw2t1n0.png" alt="Image description" width="800" height="412"></a><br> ✅ Feature Completion Status<br> Permission Management (80%)<br> 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.</p> <p>Theme Color Switching (100%)</p> <p>Internationalization (i18n) (100%)</p> <p>Dark/Light Mode Switching (100%)</p> <p>📂 Progress of Various Menus<br> System Management (20%)<br> This will be prioritized going forward. Currently, only the “Role Management” menu is available; other modules are not yet implemented.</p> <p>Dashboard (100%)<br> The initial design is complete with one layout. More layout options will be added when time permits.</p> <p>Charts (Not started)</p> <p>3D Visualization (Not started)</p> <p>Map Functionality (Not started)</p> <p>🖼️ Project Preview &amp; Code Links<br> 🔗 GitHub Pages:<br> <a href="https://yluiop123.github.io/vite-shadcn" rel="noopener noreferrer">https://yluiop123.github.io/vite-shadcn</a></p> <p>🔗 Vercel Deployment:<br> <a href="https://vite-shadcn-3e065rpql-yluiop123s-projects.vercel.app/dashboard" rel="noopener noreferrer">https://vite-shadcn-3e065rpql-yluiop123s-projects.vercel.app/dashboard</a></p> <p>💻 Source Code Repository:<br> <a href="https://github.com/yluiop123/vite-shadcn" rel="noopener noreferrer">https://github.com/yluiop123/vite-shadcn</a></p>