A premium enterprise administration dashboard built on Angular 19, demonstrating advanced client-side routing, route guard protection, dynamic breadcrumbs navigation, and lazy-loaded components.
- Framework: Angular 19 (Standalone component design, Signals reactive architecture)
- Routing: Angular Router
- Testing: Vitest runner
- Styling: Vanilla CSS (Custom dark/light dashboard theme tokens)
- Clone the repository.
- Navigate to the project root:
cd Build_33 - Install dependencies:
npm install
Refer to .env.example.
PORT: Target dev server port (default 4200)
Start the local Angular development server:
npm run startNavigate to http://localhost:4200 to interact with the admin panel.
- Vercel Production App: https://admin-panel-build33.vercel.app
- GitHub Repository: https://github.com/breakingthebot/admin-panel-build33
To keep initial load speeds premium, all routes (Dashboard, Users, Audit Logs, Settings) are loaded lazily. Route guards protect secure panels, querying the client-side Authentication state context to allow or deny entrance. A central Breadcrumb component dynamically inspects route structures to build navigation hierarchy paths.
No database is attached to this application. Data is processed in-memory and simulated via Mock Services. User configurations and mock session tokens are stored locally in browser LocalStorage.