fiery-app System Requirements Document (SRD)

1. Introduction

The fiery-app is a live streaming platform inspired by Ligo Live Streams, designed to provide real-time interaction between content creators and their audience. The app aims to deliver an engaging and intuitive experience for users, with a focus on essential features for live streaming and community building. This document outlines the system requirements for the fiery-app, ensuring alignment with Lola's vision for a strategic and cost-effective launch.

2. System Overview

The fiery-app is a mobile-first application targeting creators and audiences who enjoy live streaming and interactive content. The platform will initially focus on delivering core functionalities such as live video streaming, real-time chat, and profile creation. Future expansions will include monetization features, gamification, and social integrations to enhance user engagement and retention.

Key characteristics of the fiery-app:

• Locale-specific defaults: Tailored for the Brazilian audience with timezone settings (BRT) and currency (BRL).
• Scalable architecture: Designed to support growth and additional features post-launch.
• User-centric design: Prioritizes ease of use and accessibility for mobile users.

3. Functional Requirements

MVP (Minimum Viable Product)

• As a Creator, I should be able to start live streams easily.
• As a Viewer, I should be able to watch live streams in real-time.
• As a Viewer, I should be able to interact with the Creator via a live chat during the stream.
• As a User, I should be able to create a basic profile to participate in the platform.
• As a Viewer, I should be able to explore ongoing live streams on the homepage.

Future Expansions

• As a Viewer, I should be able to send virtual gifts to Creators during live streams.
• As a User, I should be able to earn badges and rewards based on my activity.
• As a Creator, I should be able to host private live streams for subscribers.
• As a User, I should be able to link my social media accounts to share live streams.

4. User Personas

Creator

• Description: Individuals who produce live content, including gamers, influencers, and educators.
• Goals: Engage with their audience, grow their following, and monetize their content.
• Needs: Reliable streaming tools, audience interaction features, and monetization options.

Viewer

• Description: Users who consume live content for entertainment, education, or community engagement.
• Goals: Discover interesting live streams, interact with Creators, and participate in the community.
• Needs: Easy navigation, real-time chat, and rewarding engagement features.

Admin

• Description: Platform moderators responsible for maintaining community standards and ensuring smooth operations.
• Goals: Monitor live streams, manage user reports, and enforce policies.
• Needs: Administrative tools for moderation and analytics.

5. Visuals Colors and Theme

Color Palette

• primary: #FF4500 (Fiery Orange) — Represents energy and excitement, aligning with the app's dynamic nature.
• primary_light: #FF7F50 (Coral Light) — A softer tint for hover states and secondary UI elements.
• secondary: #1E90FF (Dodger Blue) — A contrasting hue for headlines, links, and emphasis.
• accent: #FFD700 (Golden Yellow) — Vibrant pop color for CTAs, badges, and active states.
• highlight: #FF6347 (Tomato Red) — Warm color for hover states, active indicators, and notifications.
• bg: #F5F5F5 (Light Gray) — Neutral background for pages.
• surface: rgba(255, 255, 255, 0.9) — Card/panel background with subtle transparency.
• text: #333333 (Dark Gray) — Primary text and heading color.
• text_muted: #808080 (Muted Gray) — Softer color for secondary text, labels, and timestamps.
• border: rgba(0, 0, 0, 0.1) — Subtle border color for UI elements.

6. Signature Design Concept

Concept: Interactive Flame Animation

The fiery-app homepage will feature a bold and unforgettable design inspired by flames, symbolizing energy and passion. The centerpiece will be an interactive flame animation that reacts to user actions:

• Dynamic Flame: A 3D flame rendered using @react-three/fiber and @react-three/drei that flickers and grows as users scroll.
• Hover Interaction: Hovering over the flame causes it to split into smaller flames, revealing navigation options.
• Scroll-triggered Effects: As users scroll, the flame morphs into different shapes, such as a torch, a bonfire, or a glowing ember, representing the app's evolution.
• Micro-interactions: Clicking on the flame opens a modal with featured live streams or promotional content.
• Color Shifts: The flame changes color based on the time of day (e.g., warm orange during the day, cool blue at night).

This concept will create a visually striking and interactive experience, leaving a lasting impression on users.

7. Interaction Model & Motion Direction

Landing Page Interaction Model: Parallax

The fiery-app landing page will use a parallax interaction model to create a layered depth effect:

• Background Layers: Atmospheric elements like glowing embers and smoke particles move at different speeds as users scroll.
• Content Flow: Real content such as live stream previews and CTAs scroll naturally within the main flow.
• Distinctive Sections: Each section will feature a unique mechanic, such as scroll-triggered flame animations, hover-reactive buttons, or kinetic typography.

Internal Pages: Animated

Internal pages like the dashboard and profile settings will feature moderate animations:

• Hover Transitions: Buttons and links will have smooth hover effects.
• Spring Physics: Interactive elements like toggles and modals will use spring physics for a polished feel.

8. Non-Functional Requirements

• Scalability: The system must support up to 10,000 concurrent users during the initial launch.
• Performance: Live streams should have a latency of less than 2 seconds.
• Security: User data must be encrypted and comply with GDPR and LGPD standards.
• Accessibility: The app must meet WCAG 2.1 AA standards for accessibility.

9. Tech Stack

Frontend

• React for Web
• React Native for Mobile

Backend

• Python
• FastAPI

Database

• MySQL or MariaDB (preferred for RDBMS)
• MongoDB (for NoSQL needs)

AI Models

• GPT 5.4 for user-friendly responses
• Claude 4.6 Opas for academic or coding work

AI Tools

• Litellm for LLM Routing
• Langchain

Orchestration

• Docker for local orchestration
• Kubernetes for server-side orchestration

10. Assumptions and Constraints

• The app will initially target mobile users in Brazil, with a focus on low-cost deployment.
• Monetization features will be introduced after the MVP phase.
• The platform will rely on cloud hosting for scalability.

11. Glossary

• MVP: Minimum Viable Product — the simplest version of the app with essential features.
• LGPD: Lei Geral de Proteção de Dados — Brazil's data protection law.
• WCAG: Web Content Accessibility Guidelines — standards for accessible web design.