Code a Game Using React + Data Fetching with useEffect
YouTube Viewers YouTube Viewers
339K subscribers
10,941 views
0

 Published On Jul 19, 2022

Join my premium 2024 bootcamp here https://learnwebcode.teachable.com/p/...

Let's build a dog guessing game that fetches data from an API.

GitHub starter link: https://github.com/LearnWebCode/vite-...
GitHub Finished Product Reference: https://github.com/LearnWebCode/react...

0:00 Intro
1:42 Starter Setup
3:05 Fetching Dog API Data
7:36 useEffect Data Fetching / Strict Mode
16:22 Getting Data Ready for Questions
24:36 State with Immer Reducer
36:52 Creating Questions
41:46 The JSX Game Interface
48:32 Game Logic
53:48 Time Clock & Hearts UI
1:02:38 Game Over Screen
1:11:07 Actually Counting Down Time
1:17:01 Preload Images
1:19:58 High Score Local Storage

Follow me for updates on new videos or projects:
Instagram:   / javaschiff  
Twitter:   / learnwebcode  
Facebook:   / brad-schiff-1542576316048470  
Twitch:   / learnwebcode  

show more

Share/Embed