nova-game

byChakradhar Ghongde

Make a math game for 1 to 10 class students with class categories and different level

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 4

nova-game System Requirements Document

Introduction

The purpose of this document is to outline the system requirements for the "nova-game" project, an educational math game web application designed for students from grades 1 to 10. The game will feature class categories and multiple difficulty levels tailored to each grade's curriculum, aiming to make learning math engaging and fun.

System Overview

The nova-game project is an interactive web application that provides a dynamic learning environment for students. By categorizing content according to class levels and offering varying difficulty levels, the game ensures that students receive a personalized learning experience that aligns with their educational needs. The application will be accessible via web browsers, making it widely available to students across different devices.

Functional Requirements

  • As a Student, I should be able to select my class category (grade 1 to 10) to access relevant math content.
  • As a Student, I should be able to choose different difficulty levels within my class category to challenge myself.
  • As a Teacher, I should be able to track my students' progress and performance in the game.
  • As an Admin, I should be able to update the math curriculum content for each class category.
  • As a Parent, I should be able to view my child's progress and achievements in the game.
Page 2 of 4

User Personas

  • Student: Primary user who engages with the game to learn and practice math skills.
  • Teacher: Oversees student progress and provides additional support or resources.
  • Admin: Manages the content and ensures the curriculum is up-to-date.
  • Parent: Monitors their child's learning progress and achievements.

Visuals Colors and Theme

  • primary: #1E90FF (Dodger Blue)
  • primary_light: #63B8FF (Light Sky Blue)
  • secondary: #FF6347 (Tomato)
  • accent: #32CD32 (Lime Green)
  • highlight: #FFD700 (Gold)
  • bg: #F0F8FF (Alice Blue)
  • surface: rgba(255, 255, 255, 0.9)
  • text: #000000 (Black)
  • text_muted: #696969 (Dim Gray)
  • border: rgba(0, 0, 0, 0.1)
Page 3 of 4

Signature Design Concept

The nova-game homepage will feature an interactive "Math Galaxy" concept. Upon entering the site, users will be greeted with a 3D galaxy map where each star represents a different math topic or challenge. Students can click on stars to zoom into specific topics, and dragging the mouse will rotate the galaxy, offering a sense of exploration and discovery. Hovering over stars will display brief descriptions of the challenges. This concept will be brought to life using @react-three/fiber for 3D rendering and gsap for smooth animations and transitions.

Interaction Model & Motion Direction

The landing page will utilize a "parallax" interaction model, creating a layered depth effect as users scroll through the page. This will be complemented by animated elements such as stars twinkling and planets orbiting, providing a visually rich and engaging first impression. Internal pages, such as dashboards and settings, will adopt a "static" model to prioritize clarity and ease of use.

Non-Functional Requirements

  • The application must be responsive and accessible on various devices, including desktops, tablets, and smartphones.
  • The system should support multiple concurrent users without performance degradation.
  • Data privacy and security must be ensured, particularly for student information.
Page 4 of 4

Tech Stack

  • Frontend: React for Web
  • Backend: Python with FastAPI
  • Database: MySQL or MariaDB, using Alembic for migrations
  • 3D and Animation Libraries: @react-three/fiber, gsap

Assumptions and Constraints

  • The game will be developed primarily for the Indian educational curriculum.
  • Internet connectivity is required for accessing the game.
  • The application will be hosted on a scalable cloud platform to accommodate varying user loads.

Glossary

  • 3D: Three-dimensional, referring to the visual representation of objects in a space that has width, height, and depth.
  • Parallax: A visual effect where objects closer to the viewer move faster than those further away, creating a sense of depth.
  • React: A JavaScript library for building user interfaces.
  • FastAPI: A modern, fast (high-performance) web framework for building APIs with Python.
  • Alembic: A lightweight database migration tool for use with SQLAlchemy.

This document outlines the comprehensive requirements for the nova-game project, ensuring a clear path forward for development and implementation.

Landing design preview
Landing: View Info
Login: Sign In
Dashboard: View Stats
Curriculum: Manage Content
Curriculum: Select Grade
Curriculum: Edit Topics
Curriculum: Update Levels
Users: Manage Users
Users: Edit User
Settings: Configure App
Settings: Save Changes