swift-bot

byAryan Jain

create an app like solo leveling which gives me points for completing tasks

LandingLoginLeaderboardNotifications
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 4

swift-bot

Introduction

The swift-bot project is designed to create an application similar to "Solo Leveling," which rewards users with points for completing tasks. This application is intended for personal use and aims to level up users based on their task completion.

System Overview

swift-bot is a task management application that gamifies productivity by awarding points for task completion. Users can track their progress and level up as they complete more tasks. The system is designed to be intuitive and engaging, encouraging users to enhance their productivity through a game-like experience.

Functional Requirements

  • As a User, I should be able to create tasks to track my activities.
  • As a User, I should be able to mark tasks as completed to earn points.
  • As a User, I should be able to view my current level based on the points accumulated.
  • As a User, I should be able to see a leaderboard to compare my progress with others.
  • As a User, I should be able to receive notifications for task deadlines.
  • As a User, I should be able to customize my profile and settings.
Page 2 of 4

User Personas

  • User: An individual using the application for personal productivity enhancement. They are motivated by the gamification aspect and seek to improve their task management skills.

Core User Flows

  • User creates a task -> User completes the task -> User earns points -> User levels up
  • User views leaderboard -> User compares progress -> User sets new goals
  • User receives task notification -> User completes task -> User earns points

Visuals Colors and Theme

  • primary: #4A90E2 (a calming blue for the main interface)
  • primary_light: #A6C8FF (a lighter blue for hover states)
  • secondary: #F5A623 (a vibrant orange for emphasis and headlines)
  • accent: #7ED321 (a bright green for call-to-action buttons)
  • highlight: #F8E71C (a warm yellow for notifications and active indicators)
  • bg: #F2F2F2 (a light grey for the background)
  • surface: rgba(255, 255, 255, 0.9) (a soft white for cards and panels)
  • text: #333333 (a dark grey for primary text)
  • text_muted: #9B9B9B (a muted grey for secondary text)
  • border: rgba(200, 200, 200, 0.5) (a subtle grey for borders)
Page 3 of 4

Signature Design Concept

The swift-bot application will feature an interactive "Task Galaxy" on the home page. Users will navigate through a galaxy where each star represents a task. Clicking on a star will open a task card, and dragging will rotate the galaxy, providing a dynamic and engaging way to manage tasks. Hovering over stars will highlight connections between related tasks. This concept will be implemented using @react-three/fiber for 3D interactions and gsap for smooth animations.

Interaction Model & Motion Direction

The landing page will utilize a "parallax" interaction model, creating a layered depth effect as users scroll. Decorative elements like stars and planets will move at different speeds, enhancing the immersive experience. Internal pages will maintain a "static" interaction model for clarity and ease of use.

Non-Functional Requirements

  • The application must be responsive and accessible on various devices.
  • The system should handle up to 10,000 users concurrently.
  • Data should be securely stored and backed up regularly.
Page 4 of 4

Tech Stack

  • Frontend: React for Web
  • Backend: Python with FastAPI
  • Database: MySQL or MariaDB, using Alembic for migrations
  • AI Models: Not applicable
  • AI Tools: Not applicable
  • Local Orchestration: Docker, docker-compose
  • Server-side Orchestration: Kubernetes

Assumptions and Constraints

  • The application is intended for personal use, so scalability beyond 10,000 users is not a priority.
  • Users are expected to have internet access to use the application.
  • The application will not include AI capabilities unless specified in future updates.

Glossary

  • Task Galaxy: A visual representation of tasks as stars in a galaxy.
  • Level Up: Increasing user level based on points earned from task completion.
  • Parallax: A scrolling effect that creates a sense of depth by moving background layers at different speeds.
Landing design preview
Landing: View Info
Login: Sign In
Galaxy: View Tasks
Galaxy: Create Task
Galaxy: Complete Task
Galaxy: Earn Points
Level: View Progress
Leaderboard: View Rankings
Leaderboard: Compare Progress
Notifications: View Alerts
Profile: Customize Settings
Challenges: View Daily Challenges
Challenges: Complete Challenge