TYPESCRIPT + REACT Project: Quiz Game with API Data Fetch
If you want to learn how to work with React & TypeScript, including State Management with the Context API & Reducers, watch this video until the end. I'm sure you will love this project!
Get the source code for this project:
https://github.com/ivanlourencogomes/...
View the Live Demo:
https://quiz-game-with-react-and-ts.w...
** Get a full discount for my Complete React 2024 Course with more than 130 lectures & 14 hours of high-quality videos:
https://dawebschools.com/course/react...
Chapters:
00:00:00 Presentation of the Project
00:03:20 Creating the Context
00:09:02 Providing the Context
00:16:32 Adding the Reducer Function to the Context
00:25:08 Adjusting the Context Type
00:32:19 Fetching Questions From the Open Trivia API
00:39:50 Making The Question Interface with Chat GPT
00:45:00 Rendering the UI Based on the Game Status
00:55:06 Adding the The Question to the Context
01:00:42 Shuffling the Correct and Incorrect Answers
01:08:55 Decoding HTML Entities on Questions
01:12:40 Collecting the User's Answer
01:20:01 Submitting the User's Answer
01:25:21 Showing the Result to the User
01:32:43 Showing the Next Question for Infinite Gameplay
01:36:30 Adding the Score to the Context
01:45:17 Setting the Sound and Confetti for The Correct Answer
On this page of the site you can watch the video online TYPESCRIPT + REACT Project: Quiz Game with API Data Fetch with a duration of hours minute second in good quality, which was uploaded by the user Daweb Schools • Technology Tutorials & Courses 08 November 2023, share the link with friends and acquaintances, this video has already been watched 1,681 times on youtube and it was liked by 60 viewers. Enjoy your viewing!
