React Router v6 Crash Course: Build a Quiz App for Your Frontend Developer Interview Project
Are you preparing for a frontend developer interview and looking for a project to showcase your React Router skills? Look no further than this crash course! In this video, we'll walk you through building a quiz app using React Router v6.
I will guide you through the process step-by-step, explaining the key concepts and providing helpful tips along the way. You'll learn how to use React Router to create dynamic routes, handle user input, and display quiz results. By the end of the video, you'll have a fully functional quiz app that you can use as a project for your frontend developer interview.
Don't let interview nerves get the best of you - watch this video and master your React Router skills!
GitHub Repo: https://github.com/Vishal-raj-1/quiz-...
TIMESTAMP:
0:00:00 Quiz App Project Overview
0:00:57 Create New Sandbox and Project File Structures
0:02:11 Task 1: Create Three Routes
0:05:59 Create Not Found Page and Route, Redirect Not Found Page to Home Page
0:08:26 useNavigate React Hook
0:10:30 Task 2: Create Welcome Page
0:13:39 Task 3: Create Quiz Page and Question Component
0:25:49 Task 4: Create Back & Next Question Button, Disabled Back & Next Button
0:34:37 Create Submit Button, Better way of Creating Submit Button
0:38:36 Task 5: Calculate Score
0:40:44 Task 6: Navigate to Score Page, useLocation React Hook
0:45:28 Task 7: Show Submitted Answer on Score Page
0:50:27 Task 8: Create Start Again Quiz Button
0:51:35 Task 9: Create a Timer
0:58:40 Task 10: Create Review Answer Component
1:04:00 Overview of Project and Conclusion
1:05:13 Assignment
Join WhatsApp Community: https://chat.whatsapp.com/Dj3B0RFfYrG...
Connect with me,
👉 Instagram: / vishal_raj_1_
👉 Twitter: / vishalraj_1
👉 LinkedIn: / vishalraj1
👉 GitHub: https://github.com/Vishal-raj-1
#FrontendWithVishal