Build a Stock Dashboard App with React + Tailwind - Part 3 (Grid Layout)
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 3 we start building our dashboard using CSS grid. We also make sure it is responsive on different screen sizes.
💻 Source Code
https://github.com/DLabbate/stock-das...
⌚ Timeline
0:00 What is CSS grid?
0:56 Card component
2:12 Dashboard component
7:56 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/