solo-level

byArush Dogra

I want to create a fitness app for home workouts. I want it to look like the system which was used in solo leveling anime. I want it to track records, generate the exercises that a person can do at home without any equipment. And it should work offline

LandingRegisterWorkoutGeneratorLogin
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 4

Solo-Level

Introduction

The Solo-Level project is a fitness application designed to provide users with home workout plans inspired by the Solo Leveling anime system. The app focuses on helping users improve their physique through a gamified leveling system, offering exercises that can be performed without any equipment and ensuring offline functionality for accessibility.

System Overview

The Solo-Level app aims to deliver an engaging and motivating fitness experience by incorporating elements from the Solo Leveling anime. Users will be able to track their workout progress, generate personalized exercise routines, and level up their fitness capabilities. The application will be available offline, making it convenient for users to access their workout plans anytime, anywhere.

Functional Requirements

  • As a User, I should be able to track my workout progress and view my fitness level.
  • As a User, I should be able to generate exercise routines that require no equipment.
  • As a User, I should be able to access all features offline.
  • As a User, I should be able to view a leveling system that motivates my fitness journey.
Page 2 of 4

User Personas

  • User: Individuals looking to improve their fitness through home workouts without equipment. They are motivated by gamified elements and prefer offline access to their workout plans.

Visuals Colors and Theme

  • primary: #1E3A8A (Deep Indigo)
  • primary_light: #3B82F6 (Sky Blue)
  • secondary: #F59E0B (Amber)
  • accent: #EF4444 (Vibrant Red)
  • highlight: #FBBF24 (Golden Yellow)
  • bg: #F3F4F6 (Light Gray)
  • surface: rgba(255, 255, 255, 0.8) (Soft White)
  • text: #111827 (Dark Gray)
  • text_muted: #6B7280 (Muted Gray)
  • border: rgba(209, 213, 219, 0.2) (Light Gray)

Signature Design Concept

The Solo-Level app will feature a dynamic, interactive homepage inspired by the Solo Leveling anime. The design will include a 3D virtual gym environment where users can navigate through different workout zones. Each zone represents a different exercise category, and users can click to enter and explore exercises. The interface will use @react-three/fiber for 3D rendering and gsap for smooth animations and transitions. As users progress, their virtual avatar will level up, visually transforming to reflect their fitness achievements. This interactive experience will make users feel like they are part of an epic fitness journey.

Page 3 of 4

Interaction Model & Motion Direction

The landing page will utilize a "parallax" interaction model, providing a layered depth experience as users scroll through the app. Decorative elements will move at varying speeds to create an immersive environment, while core content will scroll naturally. Internal pages, such as workout tracking and settings, will adopt a "static" model to ensure clarity and focus on functionality.

Non-Functional Requirements

  • The app must function offline without requiring an internet connection.
  • The user interface should be responsive and accessible on various devices.
  • The app should load within 3 seconds on standard mobile devices.

Tech Stack

  • Frontend: React for Web
  • Backend: Python with FastAPI
  • Database: MongoDB for storing user data and workout plans
  • AI Models: None specified
  • Local Orchestration: Docker
  • Server-side Orchestration: Kubernetes
Page 4 of 4

Assumptions and Constraints

  • Users have access to a smartphone or tablet for using the app.
  • The app will not require any external fitness equipment.
  • The app will be developed to support English language users initially.

Glossary

  • Leveling System: A gamified feature that tracks user progress and provides motivation by allowing users to "level up" as they complete workouts.
  • Offline Functionality: The ability of the app to operate without an internet connection, ensuring accessibility at all times.
  • Parallax Interaction: A design technique where background images move slower than foreground images, creating an illusion of depth.
Landing design preview
Landing: View Platform
Register: Create Account
Login: Sign In
Dashboard: View Overview
Dashboard: View Fitness Level
WorkoutGenerator: Generate Routine
WorkoutGenerator: Start Workout
WorkoutTracker: Log Progress
WorkoutTracker: Complete Workout
LevelUp: View Rank Increase
Progress: View Records
Settings: Update Profile