Build a Stock Dashboard App with React + Tailwind - Part 5 (Recharts)
Learn how to build a stock dashboard app using React and TailwindCSS! We will cover topics such as React Hooks, React Context, Recharts, Fetch API, and Finnhub!
This tutorial includes many unique features such as searching for a stock symbol, displaying historical chart data, toggling a dark mode, animations, and much more!
In part 5 we implement a historical stock chart using the Recharts library. We also create chart filters to select different timeframes (1 day, 1 week, 1 month, or 1 year).
💻 Source Code
https://github.com/DLabbate/stock-das...
⌚ Timeline
00:00 What we'll be doing
01:03 Some styling
01:49 Chart helper functions
06:17 Finnhub API overview
06:37 Chart component
13:08 Adding a linear gradient
14:45 ChartFilter component
19:57 Results
📚 References
TailwindCSS
https://tailwindcss.com/
How to Install TailwindCSS with React
https://tailwindcss.com/docs/guides/c...
Recharts
https://recharts.org/en-US
Creating an AreaChart with Recharts
https://recharts.org/en-US/api/AreaChart
Heroicons
https://github.com/tailwindlabs/heroi...
Finnhub API
https://finnhub.io/