Build a Stock Dashboard App with React + Tailwind - Part 4 (Components & Styling)
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 4 we continue building components such as the header, search bar, stock overview, and stock details section.
💻 Source Code
https://github.com/DLabbate/stock-das...
⌚ Timeline
00:00 Search component
05:37 Header component
08:40 Bug fix
09:06 Search icons
12:07 SearchResults component
17:02 Custom scrollbar
19:43 Minor style revisions
20:29 Details component
28:20 Overview component
35:30 ThemeIcon component
37:42 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/