agile-page

As a Frontend Developer, I want to implement global design tokens (navy #1E3A5F, golden #FFC107, surface #F5F8FA, accent colors #4CAF50, #2196F3, #FF9800, muted #E0E0E0) as CSS variables and a theme configuration file so that all components share a consistent visual language aligned with the Aatmanirbhar Subsidy Scheme brand. This task is independent and must be completed before any page UI implementation.

As an Admin, I want a polished Login page with form validation, branded styling using design tokens, and clear error messaging based on the Login v2 JSX design so that I can securely sign in to access the admin dashboard with a professional user experience. This page leads to the Dashboard after successful authentication.

As a Guest or User, I want to see an interactive landing page with subsidy category cards (Micro, Small, Medium), hover effects, and smooth animations based on the existing Landing v2 JSX design so that I can browse and explore the Aatmanirbhar Subsidy Scheme offerings at a glance. The page is the entry point for both Guest and User flows and links to Card Detail pages.

As a Backend Developer, I want to build a FastAPI endpoint that returns subsidy category data (Micro, Small, Medium) from the MySQL database so that the frontend can dynamically render category cards and filters on the landing page.

As a User or Guest, I want to view a Card Detail page with full subsidy information, an investment range chart, and a category comparison section based on the Card Detail v2 JSX design so that I can make informed decisions about MSME subsidy eligibility. Navigated to from the landing page by clicking a category card.

As an Admin, I want to view a dashboard based on the Dashboard v2 JSX design with an overview of subsidy scheme metrics and a list of manageable content entries so that I can quickly understand the current state and navigate to the Editor page for updates. Accessible after login; links to Editor page for content management.

As a User or Guest, I want subsidy category cards on the landing page to respond to hover with smooth expand/collapse animations, glowing borders, and highlighted details so that browsing feels dynamic and engaging. Implements the signature design concept including micro-interactions and card lift effects.

As a Frontend Developer, I want to wire the Landing page category cards to the backend FastAPI subsidy categories endpoint so that card data is dynamically fetched from the database instead of being hardcoded, enabling real-time content updates.

As an Admin, I want an Editor page based on the Editor v2 JSX design where I can update subsidy scheme details (title, description, investment range, category) and save/publish changes so that the website content stays accurate and up to date. Navigated to from the Dashboard manage content section; returns to Dashboard after saving.

As a User, I want to see an interactive investment range chart on the Card Detail page (bar chart or graph) so that I can visually understand the funding distribution and eligibility thresholds across Micro (≤₹1Cr), Small (≤₹10Cr), and Medium (≤₹50Cr) categories.

As a Backend Developer, I want to create a FastAPI endpoint that returns detailed subsidy card data (description, eligibility, investment range, benefits) so that the Card Detail page can display accurate and complete scheme information per category.

As a Frontend Developer, I want to wire the Card Detail page to the backend FastAPI subsidy card data endpoint so that detailed subsidy information, investment ranges, and eligibility data are fetched dynamically per category from the database.

As a Frontend Developer, I want to audit and implement WCAG 2.1 accessibility standards across all pages (Landing, Card Detail, Login, Dashboard, Editor) including proper ARIA labels, keyboard navigation, color contrast ratios, and focus management so that the application is usable by all users including those with disabilities.

As a Frontend Developer, I want to apply performance optimizations (code splitting, lazy loading, image optimization, caching strategies) across all React pages so that each page loads within 2 seconds on standard internet connections as required by the SRD non-functional requirements.

As a User, I want to compare Micro, Small, and Medium MSME subsidy categories side by side on the Card Detail page so that I can quickly identify which category best fits my business and investment profile.

As a Backend Developer, I want to implement FastAPI CRUD endpoints for admin content management so that admins can create, read, update, and delete subsidy scheme entries through the Editor and Dashboard pages.

As a Frontend Developer, I want to wire the Editor page form fields to the backend FastAPI admin CRUD endpoints so that admins can read current subsidy data, submit edits, and publish changes that are persisted in the MySQL database.

As a Frontend Developer, I want to wire the Dashboard page metrics and content list to the backend FastAPI endpoints so that admins see real-time subsidy scheme data, entry counts, and recent updates fetched from the database after logging in.