Sage-System

Introduction

The Sage-System is designed to provide an engaging platform for users interested in slots and fishing shooting games. Recently, the scope of the project has been expanded to include banking account management and prepaid card activation features. This document outlines the system requirements for the Sage-System, incorporating these new functionalities.

System Overview

The Sage-System aims to deliver a seamless and interactive gaming experience while integrating essential financial services. The platform will support users in managing their banking accounts and activating prepaid cards, alongside offering a variety of gaming options. This integration ensures that users can enjoy a comprehensive service within a single platform.

Functional Requirements

• As a User, I should be able to play slots games.
• As a User, I should be able to participate in fishing shooting games.
• As a User, I should be able to manage my banking account, including viewing balance, transaction history, and account details.
• As a User, I should be able to activate a prepaid card through the platform.
• As a User, I should be able to link my banking account to the platform for seamless transactions.
• As a User, I should be able to view and manage my prepaid card balance and transaction history.

User Personas

• Gamer: Interested in slots and fishing shooting games, looking for entertainment and rewards.
• Banking User: Focused on managing financial transactions, including banking account management and prepaid card activation.

Core User Flows

• Gamer logs in -> selects a game (slots or fishing shooting) -> plays the game -> views rewards and achievements.
• Banking User logs in -> accesses banking section -> views account balance -> manages transactions -> activates prepaid card.

Visuals Colors and Theme

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

Signature Design Concept

The Sage-System will feature an interactive homepage designed as a dynamic ocean scene. Users can navigate through different sections by "swimming" through the ocean, where each section is represented by a unique marine creature or treasure chest. Hovering over these elements will reveal animations and interactive options, such as opening a treasure chest to access banking features or encountering a school of fish to enter a game. This concept will be brought to life using @react-three/fiber for 3D interactions and gsap for smooth animations and transitions.

Interaction Model & Motion Direction

The landing page will adopt a "parallax" interaction model, providing a layered depth experience as users scroll through the ocean-themed interface. Each section will have a distinctive mechanic, such as a 3D fish that follows the cursor or a treasure chest that opens with a click, ensuring an engaging and immersive experience.

Non-Functional Requirements

• The system should ensure secure transactions and data protection for all financial operations.
• The platform must support high concurrency to handle multiple users simultaneously.
• The user interface should be responsive and accessible across various devices and screen sizes.

Tech Stack

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

Assumptions and Constraints

• The platform will primarily target users in the US, adhering to local regulations and standards.
• The system will require internet connectivity for all functionalities.
• User data privacy and security are paramount and must comply with relevant data protection laws.

Glossary

• Slots Games: Casino-style games where users spin reels to match symbols for rewards.
• Fishing Shooting Games: Interactive games where users aim to catch fish for points.
• Banking Account Management: Features allowing users to manage their financial accounts.
• Prepaid Card Activation: Process of enabling a prepaid card for transactions.