Psycho Boxing and MMA Club System Requirements Document

1. Introduction

This document outlines the system requirements for the Psycho Boxing and MMA Club website. The website aims to provide information about the club, its training programs, achievements, and events. It will serve as a digital platform to engage with current and potential members, promote the club's activities, and enhance its online presence.

2. System Overview

The website will be designed to reflect the dynamic and competitive nature of the Psycho Boxing and MMA Club. It will include sections about the club's history, training programs, team members, achievements, and upcoming events. The website will also feature a photo gallery and contact information.

3. Functional Requirements

User Stories

• As a visitor, I want to learn about the history and mission of the Psycho Boxing and MMA Club.
• As a visitor, I want to view the training programs offered, including Boxing, Kids BJJ, professional MMA, Grappling, and Wushu.
• As a visitor, I want to know about the trainers and their qualifications.
• As a visitor, I want to see the club's affiliations with organizations like PCCBA, RCC, AIMMAF, and P.C. Grappling Association.
• As a visitor, I want to read about the club's achievements and notable fighters.
• As a visitor, I want to view the classification of age groups and competition categories.
• As a visitor, I want to understand the benefits of joining the club, such as improved strength, coordination, and self-confidence.
• As a visitor, I want to learn about the opportunities in MMA and the path to professional fighting.
• As a visitor, I want to explore the benefits of Brazilian Jiu-Jitsu (BJJ) and its suitability for self-defense.
• As a visitor, I want to see a photo gallery showcasing the club's activities and events.
• As a visitor, I want to find contact information to inquire about membership or training sessions.
• As a visitor, I want to learn about upcoming events and championships organized by the club.
• As a visitor, I want to understand the club's media and brand exposure strategies.
• As a visitor, I want to know about sponsorship opportunities and partnerships with the club.
• As a visitor, I want to learn about the championship fights organized by the club.
• As a visitor, I want to know about the elite championship events hosted by the club.
• As a visitor, I want to view the event roadmap for upcoming championships.
• As a visitor, I want to learn about fighters who have advanced to the elite level through the club.
• As a visitor, I want to understand the club's involvement in Khelo India initiatives.
• As a visitor, I want to know about the professional fighters and officials associated with the club.
• As a visitor, I want to see evidence of the club's proven revenue growth.
• As a visitor, I want to learn about the club's engagement with schools and colleges.
• As a visitor, I want to understand the club's strong media and fan engagement strategies.
• As a visitor, I want to know about the club's participation in events like Underground Fight Night.
• As a visitor, I want to learn about the club's association with RCC.
• As a visitor, I want to understand the club's commitment to striving for excellence in training.
• As a visitor, I want to learn about submission fighting techniques taught at the club.
• As a visitor, I want to know about the achievements of individuals like Mr. Amit Gamare, where he has contributed to the club's success.
• As a visitor, I want to view training schedules: Monday to Saturday, 6 to 8 am, 6 pm to 7 pm kid batch, 7 pm to 8 pm professional batch.
• As a visitor, I want to know the club location: Sai Park Shiv Ganesh Colony Dighi Pune.
• As a visitor, I want to access the club's social media links and contact email.

4. User Personas

• Prospective Member: Individuals interested in joining the club for training in boxing, MMA, or BJJ.
• Current Member: Existing club members looking for updates on events and training schedules.
• Parents: Parents of children interested in enrolling in the club's programs.
• Sponsors/Partners: Businesses or individuals interested in sponsoring or partnering with the club.
• Media Representatives: Journalists and media personnel covering the club's events and achievements.

5. Core User Flows

• Explore Club Information: Visitor navigates to the website, selects the "About Us" section, and reads about the club's history, mission, and team.
• View Training Programs: Visitor selects the "Training Programs" section to view details about boxing, MMA, and BJJ offerings.
• Check Achievements: Visitor navigates to the "Achievements" section to read about the club's notable fighters and accomplishments.
• Contact the Club: Visitor selects the "Contact Us" section to find contact details and send inquiries about membership or training.
• View Events: Visitor navigates to the "Events" section to see upcoming championships and media exposure.

6. Visuals Colors and Theme

• primary: #1A1A1D (Dark Charcoal)
• primary_light: #4E4E50 (Gray)
• secondary: #C3073F (Crimson)
• accent: #950740 (Dark Red)
• highlight: #6F2232 (Maroon)
• bg: #F2F2F2 (Light Gray)
• surface: rgba(255, 255, 255, 0.8)
• text: #1A1A1D (Dark Charcoal)
• text_muted: #4E4E50 (Gray)
• border: rgba(0, 0, 0, 0.1)

7. Signature Design Concept

The homepage will feature an interactive 3D boxing ring using @react-three/fiber and @react-three/drei. Visitors can rotate around the ring, and hovering over different sections will highlight them with dynamic animations. Each corner of the ring will represent a different section of the website (e.g., Training Programs, Achievements, Events, Contact). Clicking a corner will zoom into that section, providing a seamless and engaging navigation experience.

8. Interaction Model & Motion Direction

• Interaction Model: Parallax
• The website will feature layered depth via scroll with decorative elements translating at different speeds. Real content will stay in normal flow and scroll naturally, providing a visually rich first impression.

9. Non-Functional Requirements

• The website must be responsive and accessible on various devices, including desktops, tablets, and smartphones.
• The website should load quickly and efficiently to provide a seamless user experience.

10. Tech Stack

• Frontend: React.js
• Backend: Python + FastAPI
• Database: MySQL with Alembic migrations

11. Assumptions and Constraints

• The website will not include e-commerce functionalities.
• Content updates will be managed by the club's designated personnel.
• The website will adhere to standard web accessibility guidelines.

12. Glossary

• MMA: Mixed Martial Arts
• BJJ: Brazilian Jiu-Jitsu
• PCCBA: Pimpri Chinchwad City Boxing Association
• RCC: Real Cage Championship
• AIMMAF: All India MMA Federation
• Khelo India: A national program for the development of sports in India.