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

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.

🔗 React JS Interview Series -

👤 Join the RoadsideCoder Community Discord -

🔗 MERN Stack Chat App Tutorial -

🔗 Complete Data Structures and Algorithms with JS Course -

🔗 JS Interview Series -

🔗 Cars24 Interview Experience -

🔗 Unacademy Interview Experience -

🔗 Tazorpay Interview Experience -

🔗 React Beginner's 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 -

Special Thanks to our members -

[RoadsideCoder]

Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥

🔴🔴 DEPLOMENT ERROR FIXES 👇👇
Add vercel.json to the root of your project with this code, it will stop giving 404 Error -
{
"rewrites": [{ "source": "/(.*)", "destination": "/" }]
}

Also, you can use pk_test if you are deploying on vercel, dont use pk_live unless you are using production instance of clerk.

[BhavukJain]

Thanks for the tutorial man!
Also, noticed a small bug: While in responsive mode, when we toggle the signin modal, the carousel starts getting over it.
Solution would be to add a negative z-index to classname in the carousel component. Like this:-
className="w-full py-10 -z-10"
Notice, for giving a negative value we have a prefix hyphen in tailwind!

[dipaksaha]

Eagerly waiting for this type of content.... please bring more project videos

[DraculaThe]

Yo, you are so amazing man, I've been following you and your work for a very long time and its been an amazing journey, i learnt so much from your tutorials. i am a frontend developer now, almost completed a year, thanks so much to you, keep your good work mate, you are awesome.

[mohdali-yqgq]

Wonderful project you have posted and definitely students and even the intermediate programmers will take a lot from this full stack project to enhance their required knowledge. Lastly I have one request tot you to post the full stack project in next js and backend PostgreSQL with drizzle and shadcn ui and for authentication clerk so we will wait for your project with the mentions technologies and surely you will hit the maximum viewers as your capabilities are immense.

[danish]

I am building this same project in t3 stack. Thanks for this wonderful tutorial.

[epicBeatsforYou]

this is what im expecting from you bro finally I got full project from you thank you so much yaar.

[GoogleSoftwareEnginear]

It's great project that are help to got a job opportunity
Thankyou So much bhaiya ❤❤👍🏻

[Rohit_Rai]

We want more Full Stack Projects like this!!

[prashlovessamosa]

hey I am at the filtering part loved it so far learnt a lot.

[swarnadeeproy]

Please bring more projects with all this exact technologies. Would be forever grateful

[snehayadav]

"Thank you for this amazing tutorial! I was able to apply what I learned directly to my projects.

[AbcXyz-ho]

looking very awesome i am very excited to create this you are such tony stark of programmer

[prashlovessamosa]

I have completed it I will try to implement lucia auth instead of Clerk.
please use lucia in your upcoming projects it is super awesome.

[anjumnafees]

This project is amazing and appreciate your effort Sir you doing great for us... I have a request please make new project videos on react little beginners friendly! I know you have made but it's old it might little confusing and sometimes it shows errors while doing it and some version issues came so please make new videos.. Thank you ❤

[TheCheerex-gebx]

Hey, great video! I learned a lot from it. Would love to see a video on using AI to generate images and logos for projects.

[ayushnigam]

Hi bhaiya,
Please bring more projects...this was awesome.
Thankyou

[JUSTcode]

why youtube is not promoting suh contents ...just loved it ....currentl ta 32:40

[Aman-nrh]

Bro you are gem for frontend developers.Thank you so much bhai

[adityasinha]

Good project, should've added a sorting of applicants based on some params like Cgpa, ATS(which can be calculated on the backend)..that would be a good feature for recruiters.