As a user I want to see a consistent visual theme and base structure across all pages so that the app looks professional. Implement the global color palette (#F7F9FC background, #FFFFFF surface, #2C3E50 text, #3498DB accent, #95A5A6 muted), typography, spacing, reusable component primitives (Button, Card, Input), and navigation shell in React Native. Remove any scaffold pages not required by the user flows. This task is the foundation for all page-level tasks and must be completed first.
As a user I want to see an engaging landing page with the Dynamic Job Globe so that I am drawn into the app. Implement the Landing (v2) JSX design in React Native: interactive 3D globe that rotates slowly, glowing job-pin markers per city, smooth zoom transitions on pin click, blue-to-purple background color shift, and micro-interaction tooltips showing city name and job count. Entry point of the Job Seeker user flow leading to the Login page.
As a user I want to switch between light and dark modes so that I can use the app comfortably in any lighting condition. Implement a theme context in React Native that toggles between the defined light palette (#F7F9FC background, #2C3E50 text) and a dark variant, persisting the user's preference. All pages must respect the active theme.
As a user I want to sign in with LinkedIn or Gmail so that I can access my personalized job dashboard. Implement the Login (v3) JSX design in React Native with LinkedIn OAuth and Google OAuth buttons, branding elements, and error state handling. Navigates from Landing page; on success navigates to Search page (Job Seeker) or Dashboard/Stats page (Admin).
As a user I want to use the backend API for LinkedIn OAuth and Gmail OAuth authentication so that my identity is securely verified. Build FastAPI endpoints for initiating OAuth flows, handling callbacks, issuing JWT session tokens, and storing user profile data in MySQL. Supports the Login page for both Job Seeker and Admin personas.
As an admin I want to manage user accounts so that I can maintain platform integrity. Implement the Users (v3) JSX design in React Native/web admin panel: user list with search, account status toggles (activate/deactivate), and role management. Accessible from the Admin Dashboard; navigates to user detail actions.
As a user I want to enter a job title and grant location access (or manually enter a city) so that I can find relevant jobs near me. Implement the Search (v3) JSX design in React Native: job title input field, location permission prompt, conditional manual city text box when permission is denied, and a search submit action. Navigates from Login; leads to Results page.
As an admin I want to use the backend API for user management so that I can view, activate, deactivate, and update user accounts. Build FastAPI admin-only endpoints for listing users, updating account status, and managing roles. Supports the Users admin page.
As a user I want to use the backend API for job search so that I can retrieve jobs by title and location from LinkedIn. Build FastAPI endpoints to accept job title and city parameters, query LinkedIn Jobs API, and return paginated results. Supports the Search and Results pages.
As a user I want to browse a list of jobs with filters so that I can quickly identify the best opportunities. Implement the Results (v2) JSX design in React Native: job listing cards, filter chips (under 30 applicants, under 100 applicants, posted within 24 hours), pagination or infinite scroll, and navigation to Job Detail page on card tap. Receives search query and location from Search page.
As an admin I want to manage LinkedIn API integrations and resolve issues so that job data remains accurate and available. Implement the Integrations (v2) JSX design: integration status cards (LinkedIn API, Gmail OAuth), health indicators, error logs, and manual retry/resolve actions. Accessible from the Admin Dashboard.
As an admin I want to use the backend API for LinkedIn API integration management so that I can monitor health, view error logs, and trigger retries. Build FastAPI endpoints to return integration status, error logs, and a retry/resolve action. Supports the Integrations admin page.
As a user I want to view comprehensive job insights so that I can decide whether to apply. Implement the Job Detail (v2) JSX design in React Native: sections for key skills, number of applications, company growth opportunities, Glassdoor rating, interview process, selection criteria, required resources, and an 'Apply / Track' action button. Navigates from Results page; on apply action updates the Dashboard tracked jobs.
As a user I want to use the backend API for job filters so that I can narrow results by applicant count and posting date. Extend the job search FastAPI endpoint with filter parameters: max_applicants (30, 100) and date_posted (last 24 hours). Supports the Results page filter chips.
As a user I want to use the backend API for job details so that I can view all insights for a specific job. Build a FastAPI endpoint to fetch and aggregate job detail data: key skills, application count, company growth, Glassdoor rating, interview process, selection criteria, and required resources — sourced from LinkedIn API and cached in MySQL. Supports the Job Detail page.
As a user I want to track all jobs I have applied for in one place so that I can monitor my application progress. Implement the Dashboard (v3) JSX design in React Native: applied jobs list with status indicators, quick-view insights per job, navigation back to Job Detail. Entry point after applying to a job from Job Detail page.
As a user I want to use the backend API for tracking applied jobs so that my dashboard reflects my application history. Build FastAPI endpoints to create, read, update, and delete applied job records per user in MySQL. Supports the Dashboard page and the 'Apply / Track' action on Job Detail page.
As a user I want to use AI-powered analysis so that I receive enriched, user-friendly job insights (success criteria, growth narrative, interview tips) on the Job Detail page. Integrate Langchain + Litellm routing to GPT 5.2 and Claude 4.5 Opus for generating structured job insight summaries. Expose a FastAPI AI endpoint consumed by the Job Detail API.
As a user I want all app pages to communicate with backend APIs so that data is real and dynamic. Wire up all React Native pages (Login, Search, Results, Job Detail, Dashboard, Users, Integrations) to their corresponding FastAPI endpoints using an API client layer (axios/fetch with JWT auth headers, error handling, loading states). Depends on all page UI tasks and core backend API tasks being ready.

No comments yet. Be the first!