Overview
This course teaches learners how to code a game using React and data fetching with the useEffect hook. By the end of the course, students will be able to build a dog guessing game that fetches data from an API. The individual skills taught include setting up a project, fetching data from an API, managing state with the Immer library, creating game logic, implementing a time clock and UI elements, handling game over scenarios, preloading images, and utilizing local storage for high scores. The teaching method involves a hands-on approach with practical coding examples and demonstrations. This course is intended for individuals familiar with React who want to enhance their skills by building a fun and interactive game application.
Syllabus
Intro.
Starter Setup.
Fetching Dog API Data.
useEffect Data Fetching / Strict Mode.
Getting Data Ready for Questions.
State with Immer Reducer.
Creating Questions.
The JSX Game Interface.
Game Logic.
Time Clock & Hearts UI.
Game Over Screen.
Actually Counting Down Time.
Preload Images.
High Score Local Storage.
Taught by
LearnWebCode