TRADING FLOOR

Introduction

The "Trading Floor" project is designed to create a dynamic and interactive portfolio website for Rishiraj Parmar, a forex day trader based in India. The website will showcase trading results, personal insights, paid educational content, and automated trading features. The platform aims to provide a comprehensive view of Rishiraj's trading expertise and services.

System Overview

The Trading Floor website will serve as a personal portfolio and educational platform for forex trading. It will feature sections for trading results, personal insights, educational content, and automated trading tools. The platform will be designed with a 3D touch response scrolling interface to enhance user engagement and interactivity.

Functional Requirements

• As a User, I should be able to view detailed trading results to assess performance.
• As a User, I should be able to access personal insights and commentary on market trends.
• As a User, I should be able to purchase and access paid educational content on forex trading.
• As a User, I should be able to utilize automated trading tools to enhance trading efficiency.
• As an Admin, I should be able to update trading results and insights regularly.
• As an Admin, I should be able to manage educational content and user access.
• As an Admin, I should be able to monitor and update automated trading features.

User Personas

• Trader: A forex day trader looking to improve their skills and access automated trading tools.
• Learner: An individual interested in learning about forex trading through paid educational content.
• Admin: The website owner responsible for updating content and managing user access.

Core User Flows

• Trader views trading results -> accesses personal insights -> utilizes automated trading tools.
• Learner purchases educational content -> accesses learning materials -> applies knowledge in trading.
• Admin updates trading results -> uploads new insights -> manages educational content and user access.

Visuals Colors and Theme

• primary: #1A237E (Deep Indigo)
• primary_light: #534BAE (Light Indigo)
• secondary: #FF6F00 (Vibrant Amber)
• accent: #D500F9 (Electric Purple)
• highlight: #FFAB40 (Bright Orange)
• bg: #F5F5F5 (Light Grey)
• surface: rgba(255, 255, 255, 0.9) (White with slight transparency)
• text: #212121 (Dark Grey)
• text_muted: #757575 (Muted Grey)
• border: rgba(33, 33, 33, 0.1) (Subtle Grey)

Signature Design Concept

The Trading Floor website will feature an interactive 3D touch response scrolling interface. The homepage will resemble a futuristic trading desk with floating panels representing different sections (Trading Results, Insights, Education, Automation). Users can scroll to navigate between sections, with each panel responding to touch and hover interactions using @react-three/fiber and gsap for smooth animations. The panels will flip and rotate to reveal detailed content, creating an immersive experience that mimics a real trading environment.

Interaction Model & Motion Direction

The landing page will utilize a "parallax" interaction model, providing a layered depth effect as users scroll. Decorative elements like floating graphs and market indicators will move at different speeds, creating a dynamic and engaging first impression. Internal pages will maintain a "static" interaction model for clarity and ease of use, focusing on content accessibility and readability.

Non-Functional Requirements

• The website must load within 3 seconds on a standard broadband connection.
• The platform should be accessible on both desktop and mobile devices.
• Ensure data security and privacy for all user transactions and personal information.

Tech Stack

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

Assumptions and Constraints

• The website will primarily target users in India, considering local currency and timezone settings.
• The platform will require regular updates to trading results and educational content.
• Automated trading features will be pre-approved by the API supervisor.

Glossary

• Forex: Foreign Exchange, the global market for trading currencies.
• API: Application Programming Interface, a set of tools for building software applications.
• 3D Touch Response: An interactive design feature that responds to user touch and gestures in three dimensions.