Back to Browse

Full Stack React JS Project ( Job Portal ) - with Tailwind, Supabase, Clerk, Shadcn UI Tutorial πŸ”₯πŸ”₯

153.4K views
Aug 18, 2024
3:45:09

➑️ 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/integrations/clerk πŸ”— React Hook Form Tutorial - https://supabase.com/partners/integrations/clerk πŸ”— React JS Interview Series - https://www.youtube.com/playlist?list=PLKhlp2qtUcSYQojD5G-ElgHezoCyq2Hgo ➑️ Source Code - https://github.com/piyush-eon/job-portal ➑️ Book a mentorship call with me - https://topmate.io/roadsidecoder πŸ‘€ Join the RoadsideCoder Community Discord - https://discord.gg/2ecgDwx5EE πŸ”— MERN Stack Chat App Tutorial - https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf πŸ”— Complete Data Structures and Algorithms with JS Course - https://www.youtube.com/playlist?list=PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4 πŸ”— JS Interview Series - https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=1 πŸ”— Cars24 Interview Experience - https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=2 πŸ”— Unacademy Interview Experience - https://www.youtube.com/watch?v=abbdJ4Yfm54 πŸ”— Tazorpay Interview Experience - https://www.youtube.com/watch?v=q-ylRxSxGcY πŸ”— React Beginner's Project Tutorials - https://www.youtube.com/playlist?list=PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk #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 - https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join Special Thanks to our members -

Download

0 formats

No download links available.

Full Stack React JS Project ( Job Portal ) - with Tailwind, Supabase, Clerk, Shadcn UI Tutorial πŸ”₯πŸ”₯ | NatokHD