Build a Stock Dashboard App with React + Tailwind - Part 2 (Setup)

Опубликовано: 10 Февраль 2026
на канале: Dom the Engineer

12,185

108

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 2 we cover how to get setup. This includes Create React App, installing TailwindCSS, getting an API key from Finnhub.

💻 Source Code
https://github.com/DLabbate/stock-das...

⌚ Timeline
00:00 What do we need to setup?
01:10 Create React App
02:01 Configure TailwindCSS
04:15 Import Google font
05:16 Download libraries
05:37 Get Finnhub API key
06:51 Import mock data from Finnhub
09:42 Remaining config files
12:38 Run the app

📚 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/