gamma-gemini

byJhovany Beltran

Build me a app like Gemini 3

Landing
Landing

Comments (0)

No comments yet. Be the first!

Project Tasks23

#1

Implement Theme & Global Styles

To Do

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.

AI 85%
Human 15%
High Priority
1 day
Frontend Developer
#2

Build Landing Page

To Do

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.

Depends on:#1
Waiting for dependencies
AI 90%
Human 10%
High Priority
2 days
Frontend Developer
#3

Build Login Page

To Do

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.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
0.5 days
Frontend Developer
#4

Build Signup Page

To Do

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.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
0.5 days
Frontend Developer
#5

Build Pricing Page

To Do

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.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
1 day
Frontend Developer
#6

Build Subscribe Page

To Do

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.

Depends on:#4
Waiting for dependencies
AI 80%
Human 20%
High Priority
1.5 days
Frontend Developer
#7

Build User Dashboard Page

To Do

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.

Depends on:#3
Waiting for dependencies
AI 85%
Human 15%
High Priority
1.5 days
Frontend Developer
#12

Build Admin Dashboard Page

To Do

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.

Depends on:#3
Waiting for dependencies
AI 85%
Human 15%
High Priority
1.5 days
Frontend Developer
#8

Build Horoscope Pages

To Do

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.

Depends on:#7
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
Frontend Developer
#9

Build Courses Pages

To Do

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.

Depends on:#7
Waiting for dependencies
AI 85%
Human 15%
High Priority
2.5 days
Frontend Developer
#10

Build AI Coaching Pages

To Do

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.

Depends on:#7
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
Frontend Developer
#11

Build Profile Settings Page

To Do

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.

Depends on:#7
Waiting for dependencies
AI 85%
Human 15%
Medium Priority
1 day
Frontend Developer
#13

Build Admin Analytics Page

To Do

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.

Depends on:#12
Waiting for dependencies
AI 80%
Human 20%
Medium Priority
1.5 days
Frontend Developer
#14

Build Admin Users Management Page

To Do

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.

Depends on:#12
Waiting for dependencies
AI 80%
Human 20%
Medium Priority
1.5 days
Frontend Developer
#15

Build Admin Courses Management Page

To Do

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.

Depends on:#12
Waiting for dependencies
AI 80%
Human 20%
Medium Priority
1.5 days
Frontend Developer
#16

Build Admin Revenue Page

To Do

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.

Depends on:#12
Waiting for dependencies
AI 80%
Human 20%
Medium Priority
1 day
Frontend Developer
#20

Implement Subscription & Payments API

To Do

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.

Depends on:#6
Waiting for dependencies
AI 65%
Human 35%
High Priority
3 days
Backend Developer
#17

Implement Horoscope API

To Do

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.

Depends on:#8
Waiting for dependencies
AI 75%
Human 25%
High Priority
2 days
Backend Developer
#18

Implement Courses API

To Do

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.

Depends on:#9
Waiting for dependencies
AI 75%
Human 25%
High Priority
2.5 days
Backend Developer
#19

Implement AI Coaching API

To Do

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.

Depends on:#10
Waiting for dependencies
AI 70%
Human 30%
High Priority
2.5 days
AI Engineer
#21

Implement Admin Analytics API

To Do

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.

Depends on:#13#16
Waiting for dependencies
AI 70%
Human 30%
Medium Priority
2 days
Backend Developer
#22

Implement Admin Users API

To Do

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.

Depends on:#14
Waiting for dependencies
AI 70%
Human 30%
Medium Priority
1.5 days
Backend Developer
#23

Implement Admin Courses API

To Do

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.

Depends on:#15
Waiting for dependencies
AI 70%
Human 30%
Medium Priority
1.5 days
Backend Developer
Landing design preview
Login: Sign In
AdminDashboard: View Stats
Analytics: View Engagement
Analytics: Generate Report
Users: View List
Users: Manage Subscriptions
Users: Edit User
Courses: View Catalog
Courses: Add Course
Courses: Edit Content
Revenue: View Reports
Revenue: Export Data