System Requirements Document (SRD)

Project Name: divine-website

1. Introduction

The divine-website is a futuristic, full-stack SaaS platform designed to provide AI-powered career guidance. Developed for AI Creator Hub, this platform aims to deliver an ultra-premium, modern, and clean user experience tailored to users in India (IN). The website will feature advanced AI capabilities, a robust payment system, and a referral program, all wrapped in a responsive, app-like interface.

2. System Overview

The divine-website will serve as a career guidance platform powered by AI, offering users personalized career recommendations based on their age, interests, and income goals. The system will include:

• AI Career Generator: Provides career options, step-by-step roadmaps, and actionable plans.
• Authentication System: Ensures secure access with email verification and OTP validation.
• Payment System: Manual approval flow for plan purchases.
• Referral System: Incentivizes users to invite others with discounts.
• Admin Panel: Hidden and secure access for managing payments, users, and system settings.

The platform will be scalable, production-ready, and optimized for real-world use.

3. Functional Requirements

User Stories

• As a User, I should be able to sign up and log in using email and password.
• As a User, I should receive OTP verification during signup.
• As a User, I should be redirected to the login page if I am not logged in.
• As a User, I should be able to input my age, interests, and income goals to generate career recommendations.
• As a User, I should see a step-by-step roadmap, skills to learn, and a 30-day action plan for my career.
• As a Free User, I should be able to generate one career recommendation.
• As a Paid User, I should be able to generate up to five career recommendations.
• As a User, I should be able to purchase a plan for ₹99 using manual payment methods.
• As a User, I should upload a payment screenshot for verification.
• As a User, I should receive a notification once my payment is approved or rejected.
• As a User, I should be able to view my remaining generations, current plan, referral earnings, discount applied, and payment status on the dashboard.
• As a User, I should receive a unique referral link to invite others.
• As a User, I should get a 5% discount for each successful referral.
• As an Admin, I should be able to view all payment requests with user details and screenshots.
• As an Admin, I should be able to approve or reject payment requests.
• As an Admin, I should be able to update bank details, UPI ID, QR code, and contact information.
• As an Admin, I should be able to view and download payment history filtered by date range.
• As an Admin, I should be able to view total users, traffic, earnings, and referrals.

4. User Personas

1. User

• Description: Regular users seeking career guidance.
• Goals: Generate career recommendations, purchase plans, and earn referral discounts.
• Access: Dashboard, AI Career Generator, Referral System, Payment System.

2. Admin

• Description: Platform administrators managing payments, users, and system settings.
• Goals: Approve/reject payments, update system details, and monitor platform metrics.
• Access: Admin Panel (hidden).

5. Visuals Colors and Theme

Color Palette

The divine-website will feature a soft, futuristic gradient theme inspired by glassmorphism.

• Background: #F8FAFF (Soft White)
• Surface: #E3EAFD (Sky Blue Tint)
• Text: #4A4E69 (Deep Slate Gray)
• Accent: #A78BFA (Light Purple Glow)
• Muted Tones: #D1D5DB (Neutral Gray)

6. Signature Design Concept

Interactive Glassmorphic Career Universe

The homepage will feature an interactive glassmorphic universe where users navigate through floating "career planets."

• Visuals:

  • Each planet represents a career category (e.g., Tech, Arts, Business).
  • Planets glow softly and pulse with light gradients.
  • Hovering over a planet reveals a tooltip with a brief description.

• Animations:

  • Smooth scroll animations as users explore the universe.
  • Clicking a planet zooms into its details, transitioning to the AI Career Generator page.

• Micro-Interactions:

  • Buttons ripple on click.
  • Loading skeletons shimmer with gradient effects.
  • Background subtly shifts colors based on the time of day.

This concept ensures the homepage is unforgettable, engaging, and visually stunning.

7. Non-Functional Requirements

• Performance:

  • Ensure fast load times (<2 seconds).
  • Optimize for mobile-first responsiveness.

• Security:

  • Implement IP restrictions and optional 2FA for admin panel access.
  • Block disposable email domains during signup.

• Scalability:

  • Design backend to handle high traffic and concurrent users.

• Reliability:

  • Ensure 99.9% uptime.

8. Tech Stack

Frontend

• React (Web)
• Tailwind CSS

Backend

• Python
• FastAPI

Database

• MySQL (with Alembic for migrations)

AI Models

• GPT 5.4 (User-friendly responses)

AI Tools

• Langchain
• Litellm

Orchestration

• Docker
• Kubernetes

9. Assumptions and Constraints

Assumptions

• Users will primarily access the platform via mobile devices.
• Manual payment verification will remain the default process.
• Referral discounts will stack up to ₹99 per plan cycle.

Constraints

• Admin panel must remain hidden and secure.
• AI Career Generator will initially use structured mock outputs.

10. Glossary

• AI Career Generator: The core feature providing career recommendations.
• Glassmorphism: A design style featuring translucent surfaces and soft gradients.
• OTP: One-Time Password for authentication.
• Referral System: A program incentivizing users to invite others.
• Manual Payment Verification: A process where users upload payment proof for admin approval.

This concludes the updated SRD for divine-website.