rising-web

byVibhash Baleshwar

build me WEB APP DDAHBSORAD FOR TUTIOTN OWNER I WANT ADVANCE LOOK AND ANIMATED CCARDS NAD ICONS AND ALL

LoginDashboardStudentsReportsSchedule
Login

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 4

System Requirements Document (SRD)

Project Name: rising-web

1. Introduction

The rising-web project is a web application designed specifically for tuition owners in India, such as Vibhash Baleshwar. The platform aims to streamline tuition management by providing advanced functionality for student and parent profiles, fee tracking, and class schedules. Additionally, the application will feature cutting-edge visuals, including animated cards and icons, to create a modern and engaging user experience.

This document outlines the system requirements for rising-web, including functional and non-functional specifications, user personas, design concepts, and technical considerations.

2. System Overview

The rising-web application will serve as a comprehensive management tool for tuition owners. It will provide:

  • Student and Parent Profiles: Personalized dashboards for viewing fee payment history, class schedules, and other relevant details.
  • Admin Controls: Tools for managing profiles, payments, and schedules efficiently.
  • Advanced Visuals: Animated cards, icons, and modern design elements to enhance user engagement.

The system will be accessible via web browsers and optimized for mobile devices. It will prioritize ease of use, security, and scalability to accommodate growing user bases.

3. Functional Requirements

Story Points:

  • As a Student, I should be able to log in and view my fee payment history and class schedule.
  • As a Parent, I should be able to log in and view my child’s fee payment history and class schedule.
  • As an Admin, I should be able to manage student and parent profiles, update class schedules, and track fee payments.
  • As an Admin, I should be able to generate reports for fee payments and attendance.
  • As a User, I should experience animated cards and icons that enhance the visual appeal of the platform.

4. User Personas

Page 2 of 4

1. Admin

  • Description: The tuition owner or manager responsible for overseeing operations.
  • Key Actions: Manage profiles, update schedules, track payments, generate reports.

2. Student

  • Description: A learner enrolled in the tuition classes.
  • Key Actions: View fee payment history, check class schedules.

3. Parent

  • Description: A guardian of the student who monitors tuition-related activities.
  • Key Actions: View child’s fee payment history and class schedule.

5. Visuals Colors and Theme

Color Palette:

The rising-web project will feature a unique color palette inspired by the vibrant and dynamic nature of education and technology.

  • Background: #F9F9F9 (Soft white for a clean and professional look)
  • Surface: #E3F2FD (Light blue for a calming and trustworthy feel)
  • Text: #212121 (Dark gray for readability and contrast)
  • Accent: #FF6F61 (Bright coral for interactive elements and highlights)
  • Muted Tones: #B0BEC5 (Soft gray for secondary elements and subtle contrasts)

6. Signature Design Concept

Interactive Animated Dashboard with Dynamic Cards

The homepage of rising-web will feature an interactive dashboard that uses animated cards to display key information dynamically.

Key Features:

  • Card Animations: Cards will flip, slide, and expand when hovered over or clicked, providing an engaging and tactile user experience.
  • Icon Animations: Icons will pulse, rotate, or glow subtly to draw attention to important actions.
  • Dynamic Content: The dashboard will update in real-time, showing fee statuses, upcoming classes, and notifications.
  • Customizable Themes: Users can switch between light and dark modes, with smooth transitions and color shifts.
Page 3 of 4

Example Interaction:

When a student logs in, they will see a card labeled “Upcoming Classes.” Hovering over the card will reveal a detailed schedule, while clicking it will expand the card into a full-screen view with additional options like “Add to Calendar.”

This design concept ensures the platform is not only functional but also visually captivating, leaving a lasting impression on users.

7. Non-Functional Requirements

  • Performance: The application must load within 3 seconds on standard broadband connections.
  • Scalability: The system should support up to 10,000 concurrent users.
  • Security: Implement robust authentication and encryption mechanisms to protect user data.
  • Accessibility: Ensure compliance with WCAG 2.1 standards for accessibility.
  • Localization: Default settings tailored for Indian users, including INR currency and IST timezone.

8. Tech Stack

Frontend:

  • React for Web

Backend:

  • Python
  • FastAPI

Database:

  • MySQL or MariaDB (with Alembic for migrations)

AI Models:

  • GPT 5.4 for user-friendly responses

AI Tools:

  • Litellm for LLM Routing
  • Langchain
Page 4 of 4

Orchestration:

  • Docker and docker-compose for local development
  • Kubernetes for server-side orchestration

9. Assumptions and Constraints

Assumptions:

  • Users will primarily access the platform via web browsers.
  • The tuition owner will provide initial data for student and parent profiles.
  • Payment tracking will integrate with existing payment gateways.

Constraints:

  • The system must comply with Indian data protection laws.
  • Limited budget for initial development may restrict advanced AI features.

10. Glossary

  • Admin: The tuition owner or manager who oversees operations.
  • Student: A learner enrolled in tuition classes.
  • Parent: A guardian monitoring the student’s tuition activities.
  • Fee Tracking: Monitoring and managing tuition fee payments.
  • Class Schedule: Timetable for tuition classes.
  • Animated Cards: Interactive visual elements that display information dynamically.
Login design preview
Login: Sign In
Dashboard: View Overview
Students: Manage Profiles
Students: Edit Profile
Schedule: Update Classes
Payments: Track Fees
Reports: Generate Report