Build A Quiz App Tutorial With React.js (React Hooks), Material-UI and Trivia API | third party API
In this video, you will learn how to use a third-party API. As a front-end developer you will be working most of the time with API so this is a good opportunity to learn how to do that, besides you learn how to use Material-UI with React and new tips about debugging and more ...
Flow me on Facebook: / dwinatech
Twitter: / diwna201
How to upload images to Github: • How to upload images on codepen | How...
Demo: https://quiz-app-21.netlify.app/
Source code: https://github.com/DwinaTech/Quiz-app
#React #Trivia #QuizApp #API #MatrialUI #FreeAPI #ThirdPartyAPI
Timestamp:
00:00:00 Demo
00:00:49 Introduction
00:01:27 Create React App, Install required packages and clean unnecessary files and code
00:05:28 Explain Trivia API, create QuizCategories, fetching API data & fix console errors
00:57:31 Create QuizAnswers component & build components switching system
01:19:13 Create TotalResult component and build reset functionalities.
01:39:19 Create QuizReview component
01:53:35 Style improvement, Refactoring, add scrolling functionalities & explain how to use dangerouslySetInnerHTML