Build a Stock Dashboard App with React + Tailwind - Part 6 (Dark Mode)
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 6 we implement a dark theme, using React Context.
💻 Source Code
https://github.com/DLabbate/stock-das...
⌚ Timeline
00:00 What we'll be doing
00:32 What is react context?
01:12 ThemeContext
03:14 ThemeIcon functionality
07:23 Dashboard dark theme
08:54 ThemeIcon style change
09:09 Card dark theme
10:20 Chart dark theme
12:56 Details dark theme
13:55 Search dark theme
15:52 SearchResults dark theme
19:02 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/