As a Frontend Developer, I want to implement the AI Sophia color palette and global theme so that all pages reflect the design system. Apply the defined colors: Background #E8F0FE, Surface #FFFFFF, Text #1C2833, Accent #FF8C42, Muted #A3B4C4. Set up global CSS variables, typography, and component base styles. Remove any scaffold pages not required by the user flows (e.g. welcome page, generic dashboard sub-pages not in flows). This task must be completed independently before any page implementation begins.
As a Frontend Developer, I want to implement the Landing page based on the existing JSX design (Landing v2) so that guests see the interactive celestial map homepage. Features: dynamic 3D starfield, hover glow interactions on stars, click-to-constellation zoom animation, time-based color shifts, shooting star micro-interactions. Links to: Horoscope sample, Courses catalog, Coaching preview, Pricing, Login. Implement using the existing Landing v2 design.
As a Frontend Developer, I want to implement the Login / Sign In page so that Users and Admins can authenticate into the platform. The page should include email/password fields, a submit button, and links to the Signup page. On success, Users are directed to Dashboard and Admins to AdminDashboard. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Signup / Create Account page so that Guests can register on the platform. The page should include name, email, password fields, and a submit button. On success, the user is directed to the Subscribe / Choose Plan page. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Pricing / View Plans page so that Guests can review the $20/month subscription plan before signing up. The page should clearly display plan features, pricing, and CTAs to Signup or Login. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Subscribe / Choose Plan page so that new Users and existing Users can manage their $20/month subscription. The page integrates with the payment flow (PCI DSS compliant), allowing plan selection and payment method entry. Linked from Signup flow and Profile settings.
As a Frontend Developer, I want to implement the User Dashboard / View Overview page so that logged-in Users see a personalized overview. The page should display quick-access cards for Horoscope, Courses, and AI Coaching, and link to Profile settings. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Admin Dashboard / View Stats page so that Admins can see an overview of platform statistics. The page provides navigation to Analytics, User Management, Courses management, and Revenue reports. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Horoscope pages (Daily, Weekly, Monthly views and Guest Sample) so that Users can access personalized astrological insights. The daily view is accessible from the User Dashboard; weekly and monthly views are navigable from the daily view. The guest sample is linked from the Landing page. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Courses pages (Browse Catalog, Course Detail/Enroll, Course Player/Watch Lesson, and Guest Browse) so that Users can discover, enroll in, and watch educational courses. The catalog is accessible from the User Dashboard and Landing page. Enrolling leads to the Course Player. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the AI Coaching pages (Get AI Advice and View History, and Guest Preview) so that Users can receive and review AI-driven life coaching. Accessible from the User Dashboard and the Landing page. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Profile / Edit Settings page so that Users can update their personal information and manage their subscription plan. Links to the Subscribe / Manage Plan page. Accessible from the User Dashboard.
As a Frontend Developer, I want to implement the Admin Analytics pages (View Engagement and Generate Report) so that Admins can monitor user engagement and export analytics reports. Accessible from the Admin Dashboard. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Admin Users pages (View List, Manage Subscriptions, Edit User) so that Admins can view, edit, and manage user accounts and subscriptions. Accessible from the Admin Dashboard. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Admin Courses pages (View Catalog, Add Course, Edit Content) so that Admins can manage the course library. Accessible from the Admin Dashboard. Style according to the AI Sophia theme.
As a Frontend Developer, I want to implement the Admin Revenue pages (View Reports, Export Data) so that Admins can review revenue metrics and export financial data. Accessible from the Admin Dashboard. Style according to the AI Sophia theme.
As a Backend Developer, I want to build the Subscription and Payments API so that users can subscribe for $20/month, manage their plan, and Admins can view/manage subscriptions. Endpoints: POST /subscriptions, GET /subscriptions/{userId}, PUT /subscriptions/{userId}, DELETE /subscriptions/{userId}. Must be PCI DSS compliant and support global currencies.
As a Backend Developer, I want to build the Horoscope API so that the frontend can fetch personalized daily, weekly, and monthly horoscope data for each user. Endpoints: GET /horoscopes/daily, GET /horoscopes/weekly, GET /horoscopes/monthly, GET /horoscopes/sample (guest). Integrate with Gemini 3.1 Pro via Litellm for astrological content generation.
As a Backend Developer, I want to build the Courses API so that the frontend can browse the course catalog, retrieve course details, enroll users, and stream lesson content. Endpoints: GET /courses, GET /courses/{id}, POST /courses/{id}/enroll, GET /courses/{id}/lessons. Support admin CRUD operations.
As a Backend Developer, I want to build the AI Coaching API so that Users can receive AI-driven life advice and view their coaching history. Endpoints: POST /coaching/advice, GET /coaching/history. Integrate with GPT 5.4 (relationships/career) and Claude 4.6 Opus (academic/personal growth) via Litellm routing.
As a Backend Developer, I want to build the Admin Analytics API so that Admins can retrieve user engagement metrics and generate/export revenue reports. Endpoints: GET /admin/analytics/engagement, POST /admin/analytics/reports, GET /admin/revenue, GET /admin/revenue/export. Secure with admin role authorization.
As a Backend Developer, I want to build the Admin Users Management API so that Admins can list, edit, and manage user subscriptions. Endpoints: GET /admin/users, GET /admin/users/{id}, PUT /admin/users/{id}, DELETE /admin/users/{id}, PUT /admin/users/{id}/subscription. Secure with admin role authorization.
As a Backend Developer, I want to build the Admin Courses API so that Admins can add, edit, and remove courses from the catalog. Endpoints: POST /admin/courses, PUT /admin/courses/{id}, DELETE /admin/courses/{id}. Supports file/media uploads for course content. Secure with admin role authorization.

Personalized astrology, life coaching, and courses guided by AI. Explore the stars and unlock insights tailored uniquely to you.
AI Sophia brings together astrology, coaching, and learning into one seamless experience designed to help you thrive.
Begin your personalized astrology experience in four simple steps and unlock the wisdom of the cosmos.
Create your free account in seconds and begin your cosmic journey with AI Sophia.
Enter your birth date, time, and location to generate your personalized celestial profile.
Receive AI-driven horoscopes, life coaching, and guidance tailored to your unique chart.
Dive into curated courses on mindfulness, self-improvement, and astrology mastery.
Join thousands who have discovered clarity, purpose, and growth through AI Sophia’s personalized guidance.
AI Sophia transformed how I understand my birth chart. The daily horoscopes are eerily accurate, and the life coaching sessions helped me navigate a career change with confidence.
The courses on mindfulness and productivity are world-class. I love that everything is personalized to my astrological profile. It feels like the platform truly knows me.
I was skeptical at first, but the AI-driven coaching advice genuinely surprised me. The insights on relationships and personal growth have been a game-changer for my well-being.
Best $20 I spend each month. The weekly horoscopes keep me grounded, and the course library keeps growing. AI Sophia is my go-to for cosmic guidance and self-improvement.
Start exploring for free, or unlock the full power of AI Sophia with a plan that fits your path.
Explore the cosmos at your own pace
Full access to all AI Sophia features
Best value for committed explorers
Join thousands discovering personalized astrology insights, AI-driven life coaching, and transformative courses. Your cosmic journey starts here — for just $20/month.
No credit card required. Cancel anytime. Your data is secure and GDPR compliant.
Everything you need to know about AI Sophia and your cosmic journey.
Still have questions? We are here to help.
View our plans and get started
No comments yet. Be the first!