_____ _ _ _____ _ _ _
/ ___|| | | | / ___(_) | | | |
\ `--. | |_ ___ ___| | __ \ `--. _ _ __ ___ _ _| | __ | |_ ___ _ __
`--. \| __/ _ \ / __| |/ / `--. \ | '_ ` _ \| | | | |/ / | __/ _ \| '__|
/\__/ /| || (_) | (__| < /\__/ / | | | | | | |_| | < | || (_) | |
\____/ \__\___/ \___|_|\_\ \____/|_|_| |_| |_|\__,_|_|\_\ \__\___/|_|
StockSim a real-time stock market simulation platform that leverages Web Workers and multi-window communication to deliver a high-performance, responsive user experience. This project demonstrates cutting-edge web technologies to handle complex computations and real-time data visualization without compromising on UI responsiveness.
🚀 Utilizes Web Workers for background processing of intensive computations 🖥️ Implements multi-window architecture for improved isolation and scalability 📊 Simulates real-time stock data using worker threads 🔄 Synchronizes data across multiple windows for a cohesive user experience
⚛️ React - For building our UI empire ⚡ Vite - The speed demon of build tools 🎨 Tailwind CSS - Making our app look fly 📊 D3.js - Charting our way to the moon 🧰 Radix UI - For accessible UI components 🎭 Framer Motion - Adding some razzle-dazzle
Ride the virtual market waves without risking a dime! 🏄♂️💹
- 🚀 Simulated stock market environment
- 📊 Real-time stock price charts powered by D3.js
- 🔄 Add and manage multiple stocks
- 🎲 Run simulations to see potential outcomes
- 📱 User-friendly interface with responsive design
Prerequisites
Node.js (version 14 or later) 🟢 npm (comes with Node.js) 📦
-
Clone this bad boy:
git clone https://github.com/yourusername/stock-simulator.git -
Enter the matrix:
cd stock-simulator -
Summon the dependencies:
npm install
To fire up the simulator in dev mode:
npm run dev