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
Nesta página do site você pode assistir ao vídeo on-line TYPESCRIPT + REACT Project: Quiz Game with API Data Fetch duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Daweb Schools • Technology Tutorials & Courses 08 Novembro 2023, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 1,681 vezes e gostou 60 espectadores. Boa visualização!
