We are gonna use reactJs, Redux, and for the API we use Open Trivia, we also learn how to create custom hooks.
Code:
https://github.com/candraKriswinarto/react-quiz-app
Link
MUI: https://mui.com/
html-entities: https://www.npmjs.com/package/html-entities
Open Trivia Database: https://opentdb.com/
Redux: https://redux.js.org/
React Router Dom: https://reactrouter.com/web/guides/quick-start
Timestamps:
0:00 - Intro
01:17 - Demo
02:15 - Setup CRA
04:50 - Setup react router dom
08:53 - Setup MUI
12:09 - Settings page
21:28 - Create Custom Hooks (useAxios)
33:35 - Questions page
39:01 - Setup Redux
1:15:05 - FinalScreen Page
Code:
https://github.com/candraKriswinarto/react-quiz-app
Link
MUI: https://mui.com/
html-entities: https://www.npmjs.com/package/html-entities
Open Trivia Database: https://opentdb.com/
Redux: https://redux.js.org/
React Router Dom: https://reactrouter.com/web/guides/quick-start
Timestamps:
0:00 - Intro
01:17 - Demo
02:15 - Setup CRA
04:50 - Setup react router dom
08:53 - Setup MUI
12:09 - Settings page
21:28 - Create Custom Hooks (useAxios)
33:35 - Questions page
39:01 - Setup Redux
1:15:05 - FinalScreen Page
- Category
- Management
Be the first to comment