In this video, you will build a coding quiz app project using react, typescript and ShadcnUI for components.
👉 Source Code: https://ko-fi.com/s/497f6be150
The first step, use the NextJS Boilerplate generator to save time on setting the project 👉 https://bit.ly/4i2FdaX
This project is going to be part a playlist, so I decided to divide the project into sub parts to make things digestible.
👉 Live Project: https://coding-quiz-final.vercel.app/
👉 Source code of all my projects: https://ko-fi.com/devscript/shopLive
👉 Save your code snippets for FREE: https://www.snippetsaver.com/
-------------------
🕐 Timestamps:
00:00:00 Demo of the project
00:06:38 Setting up the project
00:12:42 Creating the authentication page
00:18:00 Adding the navbar in the dashboard
00:24:28 Adding the languages tabs
00:34:18 Adding the single Quiz component
00:38:41 Adding the right section bar
00:44:43 Adding the sorting drop down
#ReactJS #TypeScript #TailwindCSS #CodingTutorial #WebDevelopment #FrontendDevelopment #BackendDevelopment #ResponsiveDesign #WebAppDevelopment #DevCommunity #CodeWithMe #LearnToCode #developerlife
