Full Stack React JS Project ( Job Portal ) - with Tailwind, Supabase, Clerk, Shadcn UI Tutorial 🔥🔥

Published: 18 August 2024
on channel: RoadsideCoder

88,415

2.3k

➡️ Link to Clerk - https://go.clerk.com/cXx34u8
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)

Build a Full Stack Job Portal in React JS with Tailwind CSS, Supabase, Clerk Authentication Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset.

🔗 Connect Supabase + Clerk - https://supabase.com/partners/integra...

🔗 React Hook Form Tutorial - https://supabase.com/partners/integra...

🔗 React JS Interview Series -
   • Frontend Machine Coding Interview Que...

➡️ Source Code - https://github.com/piyush-eon/job-portal
➡️ Book a mentorship call with me - https://topmate.io/roadsidecoder

👤 Join the RoadsideCoder Community Discord -
  / discord

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

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

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

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

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

🔗 Tazorpay Interview Experience -
   • Frontend Interview Experience (TazorP...

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

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

00:00:00 Project Demo
00:05:46 Setup React App with Shadcn UI
00:10:10 Shadcn UI Components
00:14:00 Defining the App Routes
00:19:32 Header Component
00:27:09 Supabase Setup
00:29:23 Clerk Authentication Setup
00:32:54 Connecting Supabase with Clerk
00:35:58 Landing Page
00:52:59 Implementing User Authentication
01:01:26 Protected Routes
01:04:32 User Onboarding Page
01:14:18 Creating Tables in Supabase
01:28:11 Job Listing Page
01:32:06 Custom Hook for data fetching
01:36:07 Job Listing Page Continued
01:50:17 Save / Unsave Jobs
02:00:29 Search and FIlter Jobs
02:09:57 Assignment
02:10:39 Job Page
02:25:33 Applying To Job
02:36:53 React Hook Form and Zod
02:47:56 View Applicants + Tracking Application
03:00:44 Post a New Job
03:15:53 Add New Company
03:27:28 Saved Jobs Page
03:32:09 My Applications Page
03:37:01 My Created Jobs Page
03:39:35 Delete a job
03:42:12 Deployment

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

⭐ Support the channel -
   / @roadsidecoder

Special Thanks to our members -

Watch video Full Stack React JS Project ( Job Portal ) - with Tailwind, Supabase, Clerk, Shadcn UI Tutorial 🔥🔥 online without registration, duration hours minute second in high quality. This video was added by user RoadsideCoder 18 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 88,415 once and liked it 2.3 thousand people.

104