Build a Coding Quiz App Using React, Typescript, and Tailwind Css | Part 1

Published: 18 March 2025
on channel: Dev Script
1,226
50

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


On this page of the site you can watch the video online Build a Coding Quiz App Using React, Typescript, and Tailwind Css | Part 1 with a duration of hours minute second in good quality, which was uploaded by the user Dev Script 18 March 2025, share the link with friends and acquaintances, this video has already been watched 1,226 times on youtube and it was liked by 50 viewers. Enjoy your viewing!