teal-backend

byAmitesh Vlogger

Build a professional, high-conversion EdTech website named Amitesh Tech with a modern UI and a fully functional backend system. The website must include a header with navigation buttons for Home, Courses, and Live Classes, and a hero section featuring a 24/7 infinite, non-stop scrolling animation that displays random notifications like "[Random Name] from [Random Location] has booked a slot!" using a large, shuffled array of names and cities to ensure the loop never pauses. The user authentication system must be fully operational and must enable a "Continue with Google" OAuth 2.0 option that automatically creates or logs into user accounts based on their Google profile data, alongside a manual sign-up option. For live classes, implement a real-time countdown timer for upcoming sessions with a "Set Reminder" button. The course section must feature a manual payment verification flow where users view an Admin-uploaded QR code, pay the original price, and upload a screenshot for verification. The entire platform must be managed by a secure Admin Panel locked with PIN: 5555, allowing the admin to manage courses, verify payments to unlock content instantly, and update settings. Additionally, include an automated certificate generator that fetches the user's profile name and course details into a professional template upon 100% completion. The footer must contain a "Contact Us" section providing only the admin email: amiteshvlogger@gmail.com.

LandingCoursesAdminLoginSignup
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 7

System Requirements Document (SRD)

Project Name: teal-backend

1. Introduction

The purpose of this System Requirements Document (SRD) is to outline the functional and non-functional requirements for the teal-backend, a professional EdTech platform named Amitesh Tech. This platform is designed to provide a seamless and engaging experience for users in India (IN) and beyond, focusing on high-conversion design elements, modern UI/UX, and robust backend functionality.

The platform will cater to students and educators, offering courses, live classes, and certifications. It will also include an admin panel for managing content and verifying payments. This document serves as a blueprint for the development of the backend system, ensuring all requirements are clearly defined and met.

Page 2 of 7

2. System Overview

The teal-backend system will power the Amitesh Tech platform, which is an EdTech website designed to deliver high-quality educational content. The system will include:

  • A dynamic and modern user interface with a professional design.
  • A backend system to manage user authentication, course content, live classes, payment verification, and certificate generation.
  • A secure admin panel for managing platform operations.

The platform will be optimized for users in India, with features such as manual payment verification via QR codes and a "Contact Us" section tailored to local needs. The system will ensure scalability, security, and high performance to handle a growing user base.

3. Functional Requirements

Page 3 of 7

User Stories:

  • As a User, I should be able to sign up manually or log in using Google OAuth 2.0 for a seamless experience.
  • As a User, I should see a dynamic hero section with a 24/7 infinite scrolling animation displaying notifications like "[Random Name] from [Random Location] has booked a slot!"
  • As a User, I should be able to view a real-time countdown timer for upcoming live classes.
  • As a User, I should be able to set reminders for live classes.
  • As a User, I should be able to view a QR code for course payments, upload a payment screenshot, and have my payment verified by the admin to unlock course content.
  • As a User, I should receive an automated certificate with my name and course details upon 100% course completion.
  • As an Admin, I should be able to log in securely using a PIN (5555) to access the admin panel.
  • As an Admin, I should be able to manage courses, verify payments, unlock course content, and update website settings.
  • As a User, I should be able to contact the admin via the email provided in the footer.
  • As an Admin, I should be able to control the website exclusively using the email amiteshvlogger@gmail.com.
  • As a User, I should be able to trigger a selective re-run of specific backend processes to regenerate outputs (e.g., certificates, payment verification).

4. User Personas

1. Student/User

  • Description: Individuals seeking to learn new skills or enhance their knowledge through online courses and live classes.
  • Goals:
    • Access courses and live classes.
    • Receive certifications upon course completion.
    • Pay for courses securely and conveniently.
Page 4 of 7

2. Admin

  • Description: The platform manager responsible for overseeing operations, managing content, and verifying payments.
  • Goals:
    • Manage courses and live classes.
    • Verify payments and unlock course content.
    • Update platform settings and ensure smooth operation.

5. Visuals Colors and Theme

Unique Color Palette for Amitesh Tech:

  • Background: #F3F4F6 (light gray with a modern, clean feel)
  • Surface: #FFFFFF (pure white for cards and containers)
  • Text: #2C3E50 (dark slate for readability)
  • Accent: #3498DB (vibrant blue for buttons and links)
  • Muted: #95A5A6 (soft gray for secondary text and borders)

This color palette is designed to evoke professionalism, trust, and modernity, aligning with the EdTech theme.

6. Signature Design Concept

Infinite Scrolling Hero Section with Real-Time Notifications

The homepage will feature a hero section with an infinite scrolling animation that displays real-time notifications like:

  • "[Random Name] from [Random Location] has booked a slot!"
Page 5 of 7

Details:

  • Animation: The scrolling text will move horizontally across the screen in a smooth, continuous loop.
  • Randomization: A large array of names and cities will be shuffled to ensure the loop never pauses or repeats predictably.
  • Design: The text will be styled in a bold, modern font with the accent color (#3498DB) for key highlights.
  • Interaction: Hovering over the text will pause the animation, allowing users to read specific notifications.

This feature will create a sense of urgency and social proof, encouraging users to take action.

7. Non-Functional Requirements

  • Scalability: The backend must handle up to 10,000 concurrent users.
  • Security: Implement OAuth 2.0 for secure authentication and PIN-protected admin access.
  • Performance: Ensure a response time of less than 200ms for API calls.
  • Localization: Optimize for Indian users, including timezone (IST) and payment methods.
  • Reliability: Maintain 99.9% uptime.
  • Selective Re-run Capability: Allow users to trigger specific backend processes for regeneration (e.g., certificates, payment verification).

8. Tech Stack

Backend:

  • Language: Python
  • Framework: FastAPI

Database:

  • RDBMS: MySQL with Alembic for migrations
Page 6 of 7

AI Models:

  • GPT 5.4: For user-friendly responses
  • Claude 4.6 Opas: For academic or coding assistance

AI Tools:

  • Litellm: For LLM routing
  • Langchain: For advanced AI workflows

Orchestration:

  • Local: Docker, docker-compose
  • Server-Side: Kubernetes

9. Assumptions and Constraints

  • The platform will primarily target users in India.
  • Payments will be verified manually by the admin.
  • The admin panel will be accessed using a secure PIN (5555).
  • The system will rely on Google OAuth 2.0 for authentication.
  • The certificate generator will use pre-designed templates.
  • Admin access will be restricted to the email amiteshvlogger@gmail.com.
Page 7 of 7

10. Glossary

  • OAuth 2.0: An open standard for access delegation, commonly used for single sign-on.
  • PIN: Personal Identification Number used for secure access.
  • Hero Section: The top section of a webpage, typically featuring key content or visuals.
  • RDBMS: Relational Database Management System.
  • LLM: Large Language Model, used for AI-based tasks.
  • Selective Re-run Capability: A feature allowing users to manually trigger specific backend processes for regeneration.
Landing design preview
AdminLogin: Enter PIN
AdminDashboard: View Overview
AdminCourses: Manage Courses
AdminCourses: Add Course
AdminCourses: Upload QR Code
AdminPayments: View Submissions
AdminPayments: Verify Payment
AdminPayments: Unlock Content
AdminLiveClasses: Schedule Class
AdminSettings: Update Settings
AdminSettings: Update Email