Mobile App Final Adjustments- Full Stack Dev

Project Overview We are building a mobile-first, web-based financial literacy app designed to let users explore their dream lifestyle and career path, then receive an AI-powered “Reality Check” with data-driven insights and visuals. Design: Completed in Figma Working Prototype: Built in Lovable AI and integrated with Cursor Front-End: Functional prototype exists (HTML/CSS/JS, [login to view URL], responsive UI) Current Status: The app works, but AI functionality, user data persistence, and UI alignment need to be properly implemented and polished. Current Issues to Address AI Orchestration: AI responses are not dynamic, personalized, or reliably generated (using Google Gemini endpoints). Image Generation: AI-generated visuals are not yet integrated. UI/UX: Front-end does not fully match the Figma design. Data Persistence: User inputs are not consistently saved/recalled (needs Supabase or equivalent). Scalability: Code needs professional structuring, naming conventions, and comments for future developer handoff. Tech Stack / Tools in Use Frontend: React (Lovable-generated), TailwindCSS, shadcn/ui, [login to view URL] Backend/DB: Supabase (auth, DB, storage, edge functions planned) AI: Google Gemini (text + images) — structured prompts and schema validation needed Collaboration: Figma (design), Cursor (dev), GitHub (codebase) Deliverables: UI Parity – Align app screens with Figma design system (components, tokens, responsive). AI Integration – Build structured prompt templates, schema validation (Zod or equivalent), retry/fallback handling, and dynamic responses. Data Persistence – Connect user flows to Supabase (auth, RLS policies, saving/retrieving preferences). Image Generation Pipeline – Generate, store, and display AI-driven lifestyle/career images. Code Quality – Professional folder structure, consistent naming, inline documentation, and scalable architecture. Testing & Deployment – Basic unit/E2E tests, CI/CD setup for staging and production. Ideal Candidate Proven experience with React + TypeScript + Tailwind Comfortable with Supabase (auth, database, storage, edge functions) Familiar with AI orchestration (OpenAI, Gemini, or similar) including structured outputs Strong eye for UI/UX fidelity to Figma Ability to clean, refactor, and structure code for long-term maintainability Bonus: Experience deploying to Vercel/Netlify with preview environments What We Provide: Full Figma design files Current Lovable prototype code Project documentation outlining app flow, features, and intended scalability Clear milestone map (UI parity → Data persistence → AI orchestration → Image pipeline → Polish/test/deploy)

Project ID: 39754772