storm-hi

As a user, I want to view the Home page so that I can explore app info or start the demo. Implement the Home page based on the existing JSX design (Home v2). The page serves as the entry point for both Guest (navigates to Demo) and User (navigates to Login) flows. Include the AR alignment assistant visual concept, branding, and CTAs per the signature design concept.

As a user, I want to sign in so that I can access alignment features. Implement the Login page for both Admin and User personas. On success, Admin navigates to Dashboard Overview and User navigates to Location Input. Ensure the design aligns with the storm-hi theme.

As a guest, I want to create an account after exploring the demo so that I can access full features. Implement the Signup page that Guests land on after the Demo flow. Design must follow storm-hi theme and navigate to Login on success.

As a guest, I want to explore a demo mode so that I can understand the app's functionality before signing up. Implement three demo screens: Explore Features, Test Alignment, and View Signal Feedback. Include animated AR overlay mockups, signal strength visualizer, and a CTA to Signup. Design must follow storm-hi theme.

As an admin, I want to view the dashboard overview so that I can monitor system status. Implement the Dashboard Overview page accessible after Admin login. Display system health, satellite data summaries, and navigation to Satellites management. Design must follow storm-hi theme.

As a user, I want to input my location so that the app can identify the nearest satellite coordinates. Implement the Location Input page that users land on after login. Include GPS auto-detect and manual input options. On submission, navigate to Alignment Angle Guidance. Design must follow storm-hi theme.

As an admin, I want to manage satellite data and configurations so that the system stays up-to-date. Implement the Satellites page with list, update config, and monitor flows. Navigates from Dashboard Overview and back. Design must follow storm-hi theme.

As a user, I want to view angle guidance so that I can precisely align my satellite dish. Implement the Alignment page showing azimuth, elevation, and skew values in real-time. Includes signal strength meter and transitions to AR Overlay. Design must follow storm-hi theme with color transitions (red to green) for feedback.

As a user, I want the backend to resolve my location to the nearest satellite coordinates so that I receive accurate alignment data. Implement FastAPI endpoints for location input processing and satellite coordinate resolution. Integrate with satellite data stored in MySQL. Response time must be under 2 seconds.

As a user, I want to use a visual AR overlay so that I can align my dish with the satellite in real-time. Implement the Overlay screen using the device camera feed with AR markers, directional arrows, color-transition overlays, and haptic feedback on perfect alignment. Navigates from Alignment page and leads to Settings. Design must follow storm-hi theme.

As a user, I want the backend to compute azimuth, elevation, and skew angles so that I receive precise alignment guidance. Implement FastAPI endpoints for alignment calculations using satellite and user location data. Return real-time angle guidance values to the mobile client.

As an admin, I want backend APIs to update satellite data and configurations so that the system stays current. Implement FastAPI endpoints for satellite CRUD operations, accessible only to Admin role. Integrate with MySQL via Alembic-managed schema.

As a user, I want to save and retrieve alignment settings so that I can reuse them in the future. Implement the Settings page where users can save alignment profiles, manage language preference (English/Urdu), and review saved configurations. Navigates from Overlay page. Design must follow storm-hi theme.

As a user, I want the backend to provide real-time signal strength feedback so that I can monitor alignment quality. Implement FastAPI endpoints for signal strength measurement and streaming to the mobile client. Ensure low-latency responses for real-time feedback.

As a user, I want the backend to save and retrieve my alignment settings so that I can reuse them in future sessions. Implement FastAPI CRUD endpoints for alignment profiles stored in MySQL. Secure access per authenticated user.

As a user, I want an AI-powered assistant to provide user-friendly alignment guidance so that I can resolve issues without technical expertise. Integrate GPT 5.4 via Litellm and Langchain to answer alignment queries, explain angle values, and guide users through troubleshooting steps within the app.

As a user in Pakistan, I want the app to support both English and Urdu so that I can use it in my preferred language. Implement i18n/l10n in React Native for all UI strings, supporting English and Urdu language switching from the Settings page.