How lannodev/angular-tailwind works
Angular Tailwind is an unfinished Angular/Tailwind admin-dashboard starter kit. A user enters through the application router, which dispatches to the shared layout and then dashboard or component-library routes; authentication and error pages are separate route areas. The dashboard’s principal domain view is NFT auctions and charts. The README also identifies sidebar, navbar, footer, dark/multi-theme and RTL support. Routing and theme persistence are supported by sampled source; internal component wiring for unsampled views is intentionally left unspecified.
Main entry points: auth-routing.module.ts Auth routes · app-routing.module.ts Root routes · layout-routing.module.ts Layout routes · error-routing.module.ts Error routes
Components 30
Application Navigation
- Angular app
src/app/app.component.ts - Root routes
src/app/app-routing.module.ts - Layout routes
src/app/modules/layout/layout-routing.module.ts - Auth routes
src/app/modules/auth/auth-routing.module.ts - Error routes
src/app/modules/error/error-routing.module.ts
Application Shell
- Layout shell
src/app/modules/layout/layout.component.ts - Navigation bar
src/app/modules/layout/components/navbar/navbar.component.ts - Sidebar navigation
src/app/modules/layout/components/sidebar/sidebar.component.ts - Footer
src/app/modules/layout/components/footer/footer.component.ts - Bottom navigation
src/app/modules/layout/components/bottom-navbar/bottom-navbar.component.ts
Product Views
- Dashboard routes
src/app/modules/dashboard/dashboard-routing.module.ts - NFT dashboard
src/app/modules/dashboard/pages/nft/nft.component.ts - Auction table
src/app/modules/dashboard/components/nft/nft-auctions-table/nft-auctions-table.component.ts - NFT charts
src/app/modules/dashboard/components/nft/nft-chart-card/nft-chart-card.component.ts - Authentication views
src/app/modules/auth/auth.component.ts - Sign in
src/app/modules/auth/pages/sign-in/sign-in.component.ts - Sign up
src/app/modules/auth/pages/sign-up/sign-up.component.ts - Two-step verification
src/app/modules/auth/pages/two-steps/two-steps.component.ts - Error views
src/app/modules/error/error.component.ts - Not found page
src/app/modules/error/pages/error404/error404.component.ts - Server error page
src/app/modules/error/pages/error500/error500.component.ts - Component routes
src/app/modules/uikit/uikit-routing.module.ts - Component cards
src/app/modules/uikit/pages/cards/cards.component.ts - Component table
src/app/modules/uikit/pages/table/table.component.ts
Shared Services
- Theme settings
src/app/core/services/theme.service.ts - Browser storage
- Browser document
- Menu state
src/app/modules/layout/services/menu.service.ts - Menu definitions
src/app/core/constants/menu.ts
Other components
- Dashboard user
Connections 24
- Dashboard user → Angular app: opens
- Angular app → Root routes: hosts routes
- Angular app → Theme settings: instantiates
- Root routes → Layout routes: loads
- Root routes → Auth routes: loads
- Root routes → Error routes: loads
- Layout routes → Layout shell: renders
- Layout routes → Dashboard routes: loads
- Layout routes → Component routes: loads
- Dashboard routes → NFT dashboard: routes to
- NFT dashboard → Auction table
- NFT dashboard → NFT charts
- Auth routes → Authentication views: renders
- Auth routes → Sign in: routes to
- Auth routes → Sign up: routes to
- Auth routes → Two-step verification: routes to
- Error routes → Error views: renders
- Error routes → Not found page: routes to
- Error routes → Server error page: routes to
- Component routes → Component cards: routes to
- Component routes → Component table: routes to
- Theme settings → Browser storage: reads and writes
- Theme settings → Browser document: sets theme attributes
- Menu state → Menu definitions: initializes menu