kinetic-architecture

byAjay Mathi

You are an elite Lead Full-Stack Architect and UI/UX Designer. Generate a fully functional, production-ready source code repository for a gamified lifestyle ecosystem app named "ALPHA". ### 1. APPLICATION ARCHITECTURE & TECH STACK - Frontend: Next.js 14+ (App Router), Tailwind CSS, Framer Motion for high-end micro-interactions, Lucide React icons. - Backend: Python FastAPI (highly optimized, asynchronous, structured routing). - Database: PostgreSQL (Relational core for users, schedules, and transactions) + Redis (Session and chat context caching). - Authentication: NextAuth.js on the frontend, verifying JWT tokens issued via Google OAuth 2.0 or custom Alpha email/password hashing on the Python backend. ### 2. DESIGN SYSTEM & VISUAL SPECIFICATION (UX/UI) - Aesthetic: Immersive Cyber-Luxury / Premium Dark Mode. - Core Background: Obsidian Void (#050507). - Card Elements: Frosted Onyx Glassmorphic plates (rgba(18, 18, 26, 0.65)) with ultra-fine borders (rgba(255, 255, 255, 0.08)) and backdrop-blur-xl. - Module Accent Spaces & Glowing Filters: * Global UI & Wallet: Pure White (#FFFFFF) and Slate accents. * Module 1 (Discipline/Genie): Electric Gold (#E2A855) with matching 'shadow-neon-gold' (0 0 30px rgba(226, 168, 85, 0.25)). * Module 2 (Travel/Amelia): Horizon Cyan (#00F0FF) with matching 'shadow-neon-cyan' (0 0 30px rgba(0, 240, 255, 0.25)). * Module 3 (Love/Alina): Cyber-Rose (#FF2A85) with matching 'shadow-neon-rose' (0 0 30px rgba(255, 42, 133, 0.25)). ### 3. FRONTEND VIEWPORTS & CORE LAYOUTS - Dashboard Frame: A 3-column desktop layout that scales cleanly into a tabbed mobile layout. - Top Header: Displays the user profile "ALPHA_ACE" and a dynamic, responsive Coin Wallet Counter. Ticking a task forces a Framer Motion floating text "+100 COINS" particle animation scaling up into the wallet. - Left Panel (Genie - Discipline): Features an active layout containing an animated Genie avatar container, an interactive task matrix with custom timestamp shifting controls (e.g., changing a 4:00 AM wake-up task to 5:00 AM via dropdown), an automated YouTube resource link aggregator box, and an target reward visual showcase card displaying a luxury mechanical watch. - Center Panel (Amelia - Travel World): Implements a video-simulated travel interface backdrop. Features a horizontal budget slider ranging from "Backpacker Mode" to "Ultra Luxury Mode" which instantly filters destinations (e.g., Goa Beach vs Private Overwater Maldives Villa) and yields flight/hotel booking affiliate layout structures. - Right Panel (Alina - Romance/Love): Renders a rich chat canvas mimicking deep ambient neon party lights, customized romantic WhatsApp-style chat bubbles, a simulated relationship playbook interaction component offering multiple-choice scenario options, and a hidden secure log container. ### 4. DATABASE SCHEMAS (PostgreSQL / SQLAlchemy Dialect) Generate full python models for: - Users: id (UUID), name, email, password_hash, coin_balance (int), avatar_url, created_at. - Tasks: id (UUID), user_id, title, base_reward_coins, is_completed, assigned_time (time), resource_links (JSON array), created_at. - Itineraries: id (UUID), user_id, destination, budget_tier (string), estimated_cost, flight_links (JSON), hotel_links (JSON). - RomanceLogs: id (UUID), user_id, partner_name, relationship_status, behavior_notes (encrypted text), dynamic_schedule (JSON). ### 5. PYTHON FASTAPI BACKEND SCHEMAS & ENDPOINTS Implement complete controllers with error handling and Pydantic validation: - POST /auth/google & POST /auth/register - GET /user/profile & GET /wallet/balance - GET /tasks & PUT /tasks/{id}/complete (Triggers core logic updating user coin_balance field by the task reward weight) - POST /ai/genie/chat -> Processes prompt context, targets user distraction alerts, sends motivational custom push text payload, parses custom text queries to auto-return relevant YouTube links. - POST /ai/amelia/travel -> Dynamic calculation engine evaluating budget tier inputs against flight/hotel mockup tables to return optimized travel cards. - POST /ai/alina/love -> Evaluates relationship scenarios, returns step-by-step tactical advice modules, updates behavioral records. ### 6. OUTPUT REQUISITES Generate real, executable production-grade code for these files. Avoid truncating logic, leaving empty placeholders, or writing basic summaries. Write complete, copy-pasteable files including imports, Tailwind utility configurations, and clean state workflows. Ensure frontend and backend code blocks are fully separated, labeled with their absolute file path targets, and immediately interactive.