Trading Simulator UI

A static frontend-only Trading Simulator built with Next.js, TypeScript, and Tailwind CSS. This UI replicates a strategy testing interface for trading workflows.

Getting Started

Follow the steps below to run this project locally:

1. Clone the repo git clone https://github.com/your-username/trading-simulator.git cd trading-simulator

2. Install Dependecies npm install

3. Run the development server npm run dev

4. Visit http://localhost:3000 to view the app.

📄 Project Description This is a static Trading Simulator UI built using Next.js, TypeScript, and Tailwind CSS, designed to replicate the user flow of a trading strategy platform.

🔍 Navigation Flow Users can explore the app using the top navigation bar, which includes: Home Features Pricing

From the Features page, users can: Navigate to Portfolio Management

Inside Portfolio Management, users can: Navigate to both Strategy and Trading Simulator

On the Strategy page, clicking the Begin button takes users to the Strategy Builder interface.

This simple navigation flow helps users simulate the journey of building and testing trading strategies.