How to Build a Quiz App using React (for Beginners)
In this video, we are gonna be building a Quiz app in React.js.
We are gonna add features like input answers and multiple-choice questions, questions with timers, tracking scores, fetching questions from external API, saving results, and creating a leaderboard. All of that and much more!
This workshop is ideal for beginners or someone who just started learning React.js. So together we can build your first app, and you will have a chance to improve your skills by building this simple but very useful app!
Mock API: https://644982a3e7eb3378ca4ba471.mock...
Final app: https://sloba-react-quiz-app.netlify.app
🧿 I discussed:
✔️ How to build a Quiz App using React
✔️ How to add a timer to the Quiz app
✔️ How to add MCQ and input questions to Quiz
✔️ How to fetch questions for a Quiz from API
✔️ How to create a score leaderboard for a Quiz
✔️ How to build and deploy the Quiz app
0:00 Intro
0:53 Project setup
7:35 Building Quiz component
57:25 Building and deploying the Quiz app
58:30 Project refactoring
1:04:00 Building Quiz timer
1:29:48 Adding input question type
1:39:12 Fixing the timer issue
1:42:32 Fetching Quiz questions from API
1:47:25 Building Quiz Leaderboard
2:14:04 Outro
************************************************************
👉 Patreon:
✔️ / codewithsloba
👉 Become a better developer with 2 minutes a day:
✔️https://codewithsloba.com
👉 Linkedin:
✔️ / slobodan-gajic
👉 Instagram:
✔️ / codewithsloba
