HomeDevCentral

Phase 3: Frontend redesign with Tailwind CSS and Vue 3 component architecture

Description

Phase 3: Frontend redesign with Tailwind CSS and Vue 3 component architecture

Summary:

  • Replace Foundation CSS with Tailwind CSS v3 (dark mode, status/brand colors)
  • Add reusable components: StatusBadge, OverallStatus, ServiceGroup, IncidentTimeline, MaintenanceCard
  • Add composables: useServices, useIncidents, useMaintenances, useAuth
  • Rewrite API client with axios interceptors and full endpoint coverage
  • Add views: StatusPage (public), AdminDashboard (CRUD), AdminLogin (JWT)
  • Add router with auth navigation guard for /admin routes
  • Add status/impact/incident utility helpers

Reviewers: ieli

Reviewed By: ieli

Differential Revision: https://devcentral.nasqueron.org/D3964

Details

Provenance
ieliAuthored on Sun, Feb 15, 12:22
ieliPushed on Sun, Feb 15, 12:23
Reviewer
ieli
Differential Revision
D3964: Phase 3: Frontend redesign with Tailwind CSS and Vue 3 component architecture
Parents
rSPbd4a46beabca: Phase 2: Backend refactor with full CRUD API, expanded schema, and JWT auth
Branches
Unknown
Tags
Unknown