Skip to content

πŸ’Έ Stock Dashboard App where users can πŸ” search for a stock, πŸ“ get details of a stock, and πŸ“ˆ view historical data.

Notifications You must be signed in to change notification settings

DLabbate/stock-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

63 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Stock Dashboard App

This project is a stock dashboard app that uses the Finnhub API

  • πŸ” Search for a stock (e.g. AAPL, FB, GOOG)

  • πŸ’Έ Quote a stock (current price, percent change)

  • πŸ“ Get more details of a stock (name, currency, market cap, etc.)

  • πŸ“ˆ View historical chart data of a stock (day/week/month/year)

  • πŸŒ™ Select theme (dark/light)

Tech Stack

React JavaScript TailwindCSS

Examples

Search

Date Filter

Select Theme

Subsections

If you are interested in following along this tutorial, here are the subsections (with links to the code for each part)

Branch Description
Part 1 Introduction
Part 2 Setup (TailwindCSS, Google Fonts, ...)
Part 3 Grid Layout
Part 4 React Components & Styling
Part 5 Recharts (Plotting Data)
Part 6 Dark Mode (React Context)
Part 7 Fetching Data from REST API (Finnhub)
Part 8 Transitions & Animations

About

πŸ’Έ Stock Dashboard App where users can πŸ” search for a stock, πŸ“ get details of a stock, and πŸ“ˆ view historical data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published