TYPESCRIPT + REACT Project: Quiz Game with API Data Fetch
auf dem Kanal: Daweb Schools • Technology Tutorials & Courses
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
Auf dieser Seite können Sie das Online-Video TYPESCRIPT + REACT Project: Quiz Game with API Data Fetch mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Daweb Schools • Technology Tutorials & Courses 08 November 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,681 Mal angesehen und es wurde von 60 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
