Build a Full Stack Task Manager App Using React, Typescript, Tailwind Css, and Next Js
In this video, we will build a tak manager app using react, typescript and shadcn UI for components. Plus, we will learn how to use Zustand for state management, and tailwind CSS to style our app.
👉 Check out NextJs Boilerplate Generator: https://boltstack.dev
👉 Source Code: https://ko-fi.com/s/b83c709d3e
👉 Live Project: https://clear-task-part2.vercel.app/
👉 Source code of all my projects: https://ko-fi.com/devscript/shopLive
-------------------
Watch Full Stack Job Board tutorial:
👉 • Build Full Stack Job Board App Using React...
Watch Full Stack AI Content Generator tutorial:
👉 • Full Stack AI Content Generator Saas with ...
-------------------
Chapters:
00:00:00 Demo of the project
00:08:06 Setting up the project
00:14:22 Updating the navbar section in the landing page
00:19:28 Adding the hero section in the landing page
00:23:16 Adding the feature section to the landing page
00:26:09 Adding the testimonials section to the landing page
00:32:07 Make the dashboard route unprotected temporarly
00:33:52 Creating and setting up the navbar of the dashboard
00:51:13 Adding the statistic cards component
00:57:04 Adding and setting up the task list table component
01:08:35 Adding the task dialog with all the fields
01:26:00 Adding the confirmation dialog component
#ReactJS #TypeScript #TailwindCSS #CodingTutorial #WebDevelopment #FrontendDevelopment #BackendDevelopment #ResponsiveDesign #WebAppDevelopment #DevCommunity #CodeWithMe #LearnToCode #developerlife