Skip to content

Redesigned whole UI - #234

Merged
javedh-dev merged 23 commits into
devfrom
feature/redesign
Aug 5, 2026
Merged

Redesigned whole UI#234
javedh-dev merged 23 commits into
devfrom
feature/redesign

Conversation

@javedh-dev

Copy link
Copy Markdown
Owner

No description provided.

Javed Hussain added 20 commits July 24, 2026 18:55
…red dashboard components (StatCard, PageHeader, DonutChart, ProgressRing, StatusPill)
…al root layout

- Create AppSidebar component with brand, feature-flagged nav, user dropdown
- Create (app) route group layout with Sidebar.Provider + top bar
- Move dashboard/* and settings routes under (app) group
- Simplify root layout to minimal wrapper (demo banner removed to app layout)
- Remove old dashboard layout (vehicle strip, DashboardNav)
- Remove back-arrow chrome from settings page
- Notifications now show on all app routes
…rom old /dashboard/* paths

- Create top-level feature pages: /fuel, /maintenance, /reminders, /pollution, /insurance, /vehicles
- /dashboard is now the fleet home page (placeholder)
- Old /dashboard/* paths redirect to new top-level paths
- /dashboard/overview redirects to /dashboard
- Update AppSidebar nav item hrefs to point to new paths
- Remove DashboardNav/DashboardTabs references (no longer used)
- Create GET /api/dashboard/summary endpoint with fleet-wide aggregates
- Create dashboardService on the server computing totals, expenses, PUC status, vehicle health, reminders
- Create client-side dashboard store
- Build full dashboard home page with:
  - Greeting header + Add Vehicle button
  - 4 KPI stat cards (Vehicles, Distance, Fuel, Expenses)
  - Expenses donut chart with legend
  - My Vehicles compact list
  - Vehicle Health ProgressRing with Good/Attention/Needs Action bars
  - PUC Status donut chart
  - Upcoming Reminders list with time-until-due chips
  - Bottom CTA banner for Reports
…electors

- Fuel: Add vehicle selector, 4 stat cards (Fuel Used, Total Spent, Avg Mileage, Entries)
- Maintenance: Add vehicle selector, 4 stat cards (Total Spent, Next Service, Odometer, Records)
- Reminders: Fleet-wide endpoint GET /api/reminders, filter tabs, status pills
- PUC/Pollution: Fleet-wide endpoint GET /api/pucc/status, 4 stat cards with %, filter tabs, table
- Insurance: Add vehicle selector, restyle in sidebar shell
- Vehicles: Responsive card grid with add vehicle tile
- All pages use FeatureGate for disabled feature handling
- Remove DashboardNav, DashboardTabs, OverviewTab (dead components)
- Add  path alias to svelte.config.js
- Fix all TypeScript type errors (VehicleCard props, status types, null checks)
- Fix all lint errors (unused imports, unused variables)
- Add Expenses and Reports pages as sidebar nav items
- Run pnpm check, pnpm lint, pnpm format, pnpm test - all passing
- [x] App name in sidebar is clickable and take to "/" The tracktor icon
  must follow theme colour
- [x] Theme changer settings and profile and bottom aligned.
- [x] Better segregation of menus in sidebar
- [x] Theme colour is better followed or removed if that does't align
  correctly and give options for dark mode like OLED/a few lighter
  options
- [x] Demo notice looks weird find a better position for that
- [x] Add calendar widget to show all upcoming or previous actions on
  date
Comment thread src/server/middlewares/cors.ts Dismissed
@javedh-dev
javedh-dev merged commit 902ab9e into dev Aug 5, 2026
4 checks passed
@javedh-dev
javedh-dev deleted the feature/redesign branch August 5, 2026 00:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants