DynoFX - Advanced Forex Trading Simulator

DynoFX is a comprehensive forex trading education and simulation platform. It combines real-time trading mechanics with gamified learning, allowing users to master the financial markets in a risk-free environment.

🚀 Tech Stack

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS with Custom "Modern Fintech" Theme
• Database & Auth: Supabase
• State Management: React Hooks & Supabase Realtime
• Icons: Lucide React

✨ Features

• Authentication: Secure Login/Signup with robust password validation and Google OAuth support.
• Modern UI/UX: Premium "Dark Mode" aesthetic with glassmorphism and responsive design.
• Mobile First: Fully optimized for trading on the go.
• Landing Page: Implemented with high-converting entry point and feature showcases.
• Trading Simulator: (In Progress) Real-time execution simulation.
• Gamification: (In Progress) XP, Levels, and Achievements.

🛠️ Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository (if applicable)
2. Navigate to the app directory:

   cd app

3. Install dependencies:

   npm install

4. Configure Environment Variables: Create a .env.local file in the app root and add your Supabase credentials:

   NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

5. Run the development server:

   npm run dev

Open http://localhost:3000 with your browser to see the result.

📂 Project Structure

• app/: Next.js App Router pages and layouts.
• components/ui/: Reusable UI components (Buttons, Inputs, etc.).
• lib/: Utility functions and Supabase client configuration.
• public/: Static assets (Logos, images).
• scripts/: Database validation and maintenance scripts.

📜 License

© 2025 DynoFX. All rights reserved.