Скачать или смотреть Full Stack React JS Project ( Jira Clone ) - Next JS, Shadcn UI, Tailwind, Clerk, NeonDB Tutorial 🔥

🔗 Clerk - https://go.clerk.com/xjsqM41
🔗 NeonDB - https://fyi.neon.tech/rc2
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)

Build a Full Stack Jira Clone in React + Next JS with Tailwind CSS, Neon DB, Prisma, Clerk Authentication, Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset.

➡️ Next JS Course Form - https://forms.gle/ABmuVhYATuwhkcmVA
➡️ Source Code - https://github.com/piyush-eon/jira-clone
➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder

👤 Join the RoadsideCoder Community Discord -
  / discord  

🔗 React Hook Form Tutorial -
   • React Hook Form (with Zod) - Full Tutorial 🔥🔥  

🔗 Job Portal Project Tutorial -
   • Full Stack React JS Project ( Job Portal )...  

🔗 Calendly Portal Project Tutorial -
   • Full Stack React JS Project ( Calendly Clo...  

🔗 MERN Stack Chat App Tutorial -
   • MERN Stack Chat App with Socket.IO Tutorial  

🔗 Complete Data Structures and Algorithms with JS Course -
   • Data Structures and Algorithms in Javascri...  

🔗 JS Interview Series -
   • Javascript Interview Questions ( Var, Let ...  

🔗 Cars24 Interview Experience -
   • Frontend Interview Experience (Cars24) - J...  

🔗 Unacademy Interview Experience -
   • Frontend Interview Experience (Unacademy) ...  

🔗 Tazorpay Interview Experience -
   • Frontend Interview Experience (TazorPay) -...  

🔗 React Beginner's Project Tutorials -
   • React JS Project Tutorials 🔥🔥  

#reactjstutorial #frontend #ReactJS
-------------------------------------------------------------------------

00:00:00 Intro
00:00:41 Project Showcase
00:08:34 Setup Next JS App with Shadcn UI
00:15:27 Configuring Layout
00:20:39 User Authentication
00:34:25 Protected Route Redirection
00:36:31 Header Component
00:44:28 Setup our Postgres Database
00:46:11 Landing Page
01:07:10 Database Design
01:13:04 Creating Database Models with Prisma
01:23:15 Storing user data in DB
01:26:45 Routing in Next JS
01:31:41 Custom 404 Page
01:32:52 User Onboarding
01:34:31 Create Organization
01:43:15 Server Actions in Next JS
01:44:57 getOrganization Action
01:48:08 Organization Page
01:55:25 Create Project Action
01:58:29 Create Project Page
02:11:15 Custom Hook for API Calls
02:19:34 Project List on Org Page
02:25:01 Delete Project
02:31:38 Project Page
02:37:12 Sprinntt Creation
03:00:19 Sprint Management
03:16:37 Create Issue Action
03:22:23 Create Issue Drawer
03:46:53 Get Issues Action
03:48:28 Render Issues on Kanban Board
04:00:17 Issue Drag and Drop Logic
04:11:03 Issue Delete and Update Actions
04:14:07 Issue Dialog Popup
04:29:28 Board Filters
04:41:04 My Issues on Org Page
04:49:15 Deployment

-------------------------------------------------------------------------

⭐ Support the channel -
   / @roadsidecoder  

Special Thanks to our members -