Build a Study Tracker App Using React, Typescript, ShadcnUI, and Next Js
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/ddfc925224
👉 Bolt Stack Website: https://www.boltstack.dev/
👉 Live Project: https://cogni-track-6qin.vercel.app/
👉 Source code of all my projects: https://ko-fi.com/devscript/shopLive
-------------------
🕐 Timestamps:
00:00:00 Demo of the project
00:14:37 Installing Next Js and all dependencies
00:20:51 Adding the navbar
00:26:15 Adding the data and the utility functions
00:36:27 Adding zustand store
00:44:02 Adding the logic to update the bar chart
00:53:58 Adding the stastics cards
01:01:06 Adding the table at the bottom
01:07:23 Adding the extedend data table
01:17:31 Adding the dialog form
#ReactJS #TypeScript #TailwindCSS #CodingTutorial #WebDevelopment #FrontendDevelopment #BackendDevelopment #ResponsiveDesign #WebAppDevelopment #DevCommunity #CodeWithMe #LearnToCode #developerlife
Видео Build a Study Tracker App Using React, Typescript, ShadcnUI, and Next Js канала Dev Script
👉 Source Code: https://ko-fi.com/s/ddfc925224
👉 Bolt Stack Website: https://www.boltstack.dev/
👉 Live Project: https://cogni-track-6qin.vercel.app/
👉 Source code of all my projects: https://ko-fi.com/devscript/shopLive
-------------------
🕐 Timestamps:
00:00:00 Demo of the project
00:14:37 Installing Next Js and all dependencies
00:20:51 Adding the navbar
00:26:15 Adding the data and the utility functions
00:36:27 Adding zustand store
00:44:02 Adding the logic to update the bar chart
00:53:58 Adding the stastics cards
01:01:06 Adding the table at the bottom
01:07:23 Adding the extedend data table
01:17:31 Adding the dialog form
#ReactJS #TypeScript #TailwindCSS #CodingTutorial #WebDevelopment #FrontendDevelopment #BackendDevelopment #ResponsiveDesign #WebAppDevelopment #DevCommunity #CodeWithMe #LearnToCode #developerlife
Видео Build a Study Tracker App Using React, Typescript, ShadcnUI, and Next Js канала Dev Script
study tracker app react tracker app react app tutorial for beginners react app project for beginners react project advanced react typescript project react typescript project for beginners reactjs projects for beginners reactjs projects for beginners with source code react js and tailwind css project next js tutorial for beginners next js tutorial for beginners project study tracker app react next js project with tailwind css
Комментарии отсутствуют
Информация о видео
30 апреля 2025 г. 19:34:25
01:23:34
Другие видео канала