System Requirements Document (SRD)

Onyx-Trading

1. Introduction

Onyx-Trading is a comprehensive trading application designed to provide high-accuracy trading signals across multiple markets, including stocks, forex, cryptocurrencies, and metals. The platform aims to empower users by integrating features such as portfolio tracking, market news, and customizable dashboards, making it a one-stop solution for traders. This document outlines the system requirements for the development and implementation of Onyx-Trading.

2. System Overview

Onyx-Trading is a versatile trading platform tailored for users in India and beyond. It offers real-time, high-accuracy trading signals, portfolio management tools, and market news integration. The system is designed to cater to both novice and experienced traders, providing them with a customizable and user-friendly interface.

Key features include:

• High-accuracy trading signals for stocks, forex, cryptocurrencies, and metals.
• Portfolio tracking to monitor investments and performance.
• Market news integration for informed decision-making.
• Customizable dashboards to tailor the user experience.

The system will be accessible via web and mobile platforms, ensuring seamless usability across devices.

3. Functional Requirements

• As a User, I should be able to receive high-accuracy trading signals for stocks, forex, cryptocurrencies, and metals.
• As a User, I should be able to track my portfolio, including investments and performance metrics.
• As a User, I should be able to access real-time market news and updates.
• As a User, I should be able to customize my dashboard to suit my trading preferences.
• As an Admin, I should be able to manage user accounts and permissions.
• As an Admin, I should be able to monitor system performance and ensure uptime.
• As an Admin, I should be able to update trading algorithms and signal accuracy settings.

4. User Personas

4.1 Trader

• Description: Individual users trading in stocks, forex, cryptocurrencies, and metals.
• Needs: High-accuracy signals, portfolio tracking, market news, and customizable dashboards.

4.2 Admin

• Description: System administrators managing the platform.
• Needs: User account management, system monitoring, and algorithm updates.

5. Visuals Colors and Theme

Color Palette

• primary: #1A73E8 (Deep Blue)
• primary_light: #4D90FE (Light Blue)
• secondary: #E63946 (Crimson Red)
• accent: #F4A261 (Vibrant Orange)
• highlight: #FFD166 (Warm Yellow)
• bg: #F7F9FC (Light Gray)
• surface: rgba(255, 255, 255, 0.9) (White with slight transparency)
• text: #212121 (Dark Gray)
• text_muted: #757575 (Muted Gray)
• border: rgba(0, 0, 0, 0.1) (Subtle Black)

6. Signature Design Concept

Interactive Trading Dashboard

The homepage of Onyx-Trading will feature an interactive trading dashboard that combines real-time data visualization with an engaging user interface.

• Key Features:

  • A 3D rotating globe (using @react-three/fiber) that highlights global trading markets. Users can click on regions to view market-specific data.
  • Dynamic charts (using react-chartjs-2) that update in real-time to display trading signals, portfolio performance, and market trends.
  • Hover effects: Hovering over charts or data points will display detailed tooltips with actionable insights.
  • Customizable widgets: Users can drag and drop widgets (e.g., signal alerts, portfolio summaries, news feeds) to personalize their dashboard.

• Animations:

  • Smooth transitions between sections using framer-motion.
  • Real-time updates with spring physics for interactive elements.

This design ensures that users are not only informed but also engaged, making trading decisions more intuitive and enjoyable.

7. Interaction Model & Motion Direction

Interaction Model: Parallax

The landing page will use a parallax interaction model to create a sense of depth and immersion. Key elements include:

• Layered depth: Background elements (e.g., market maps, data grids) will move at different speeds during scroll.
• Scroll-triggered animations: Sections will reveal content dynamically as users scroll through the page.
• Interactive elements: Hover states, clickable widgets, and drag-and-drop functionality will enhance user engagement.

For internal pages, such as dashboards and settings, a static interaction model will be used to prioritize clarity and usability.

8. Non-Functional Requirements

• Performance: The system must handle up to 1 million concurrent users with minimal latency.
• Scalability: The architecture should support future expansion to additional markets and features.
• Security: Implement robust encryption and authentication mechanisms to protect user data.
• Availability: Ensure 99.9% uptime with failover mechanisms.
• Localization: Support multiple languages, starting with English and Hindi.

9. Tech Stack

Frontend

• React for Web
• React Native for Mobile

Backend

• Python
• FastAPI

Database

• MySQL for RDBMS
• MongoDB for NoSQL

AI Models

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

AI Tools

• Langchain
• Litellm for LLM Routing

Orchestration

• Docker and docker-compose for local environments
• Kubernetes for server-side orchestration

10. Assumptions and Constraints

• Users will have access to stable internet connections for real-time updates.
• The system will initially target the Indian market, with plans for global expansion.
• Compliance with Indian financial regulations is mandatory.

11. Glossary

• Trading Signal: An indicator or alert suggesting a potential trading opportunity.
• Portfolio Tracking: Monitoring the performance of investments over time.
• Parallax Interaction: A design technique where background elements move slower than foreground elements, creating a 3D effect.
• FastAPI: A modern web framework for building APIs with Python.
• React: A JavaScript library for building user interfaces.