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 - 
![[강의 미리보기] IAAS 톺아보기](https://i2.ytimg.com/vi/UT4pmZRmIno/hqdefault.jpg)