Skip to content

Real-time stock market simulator leveraging Web Workers and multi-window communication. Built with React, this project demonstrates advanced web technologies for handling complex computations and real-time data visualization without compromising UI responsiveness

License

Notifications You must be signed in to change notification settings

solancer/stock-sim

Repository files navigation

📈 Stock Simulator 📉

 _____  _             _      _____ _                 _      _
/  ___|| |           | |    /  ___(_)               | |    | |
\ `--. | |_ ___   ___| | __ \ `--. _ _ __ ___  _   _| | __ | |_ ___  _ __
 `--. \| __/ _ \ / __| |/ /  `--. \ | '_ ` _ \| | | | |/ / | __/ _ \| '__|
/\__/ /| || (_) | (__|   <  /\__/ / | | | | | | |_| |   <  | || (_) | |
\____/  \__\___/ \___|_|\_\ \____/|_|_| |_| |_|\__,_|_|\_\  \__\___/|_|

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.

Key Features

🚀 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

🛠️ Tech Stack

⚛️ 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! 🏄‍♂️💹

🌟 Features

  • 🚀 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

🏁 Getting Started

Prerequisites

Node.js (version 14 or later) 🟢 npm (comes with Node.js) 📦

Installation

  1. Clone this bad boy: git clone https://github.com/yourusername/stock-simulator.git

  2. Enter the matrix: cd stock-simulator

  3. Summon the dependencies: npm install

🏃‍♂️ Running the Application

To fire up the simulator in dev mode:

npm run dev

About

Real-time stock market simulator leveraging Web Workers and multi-window communication. Built with React, this project demonstrates advanced web technologies for handling complex computations and real-time data visualization without compromising UI responsiveness

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published