daniellopezcsdaniellopezcs
14

React Stock Trading Simulator

screenshot of React Stock Trading Simulator
react
material-ui

React app which simulates stock trading using candle graphs and purchase orders. Notable Tech: React Hooks and Material UI React.

Github

Overview

The React Stock Trading Simulator is an innovative application designed for anyone interested in the world of stock trading. Built using modern technologies like React Hooks and Material UI, this simulator offers a seamless experience for users looking to practice their trading skills without any financial risk. It's packed with features that provide an interactive and informative trading environment, making it suitable for both beginners and seasoned traders.

With its user-friendly interface and engaging functionalities, the simulator allows users to navigate through various trading scenarios effortlessly. Whether you want to analyze market trends using D3 charts or manage your trading activities through a comprehensive table, this application has got you covered.

Features

  • Interactable D3 Candle Charts: Visualize stock performance with dynamic candle charts that are easy to manipulate and analyze.
  • Table Pagination/Select/Sort/Search: Effortlessly manage data with a robust table that allows for pagination, selection, sorting, and searching.
  • View Poll Archive: Access a history of polls to see how opinions and trends have shifted over time.
  • Vite Poll Showcase: Easily showcase recent polls that highlight popular stocks or trading strategies.
  • Show Poll Statistics: Get detailed insights into poll views, links, dates published, and more to gauge community engagement.
  • Scalable Pagination: Navigate through extensive data sets smoothly with scalable pagination that maintains clarity.
  • Loading Screen Spinners: Enhance user experience with smooth loading transitions that keep users informed while data is being processed.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

recharts
Recharts

Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.