Build Project KanBan Board Using React, Typescript, Shadcn UI, and Tailwind CSS
In this video, you will build a kanaban board project 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/4f5478e722
👉 Live Project: https://project-kanban-final-694y.ver...
👉 Source code of all my projects: https://ko-fi.com/devscript/shopLive
👉 Save your code snippets for FREE: https://www.snippetsaver.com/
-------------------
Watch Full Stack AI Content Generator tutorial:
👉 • Full Stack AI Content Generator Saas with ...
Watch Full Stack Task Management tutorial:
👉 • Full Stack Task Manager App with React, Ne...
-------------------
Chapters:
00:00:00 Demo of the project
00:06:14 Setting up the project
00:11:35 Adding the nav bar
00:19:48 Setting up the project
00:21:57 Adding the header to the project area
00:28:00 Adding the boards and the tasks
00:35:48 Creating the right side bar
00:45:22 Creating the task dialog
#ReactJS #TypeScript #TailwindCSS #CodingTutorial #WebDevelopment #FrontendDevelopment #BackendDevelopment #ResponsiveDesign #WebAppDevelopment #DevCommunity #CodeWithMe #LearnToCode #developerlife