- youtube Video - By RoadSide coder
- When Isee it Ifeel I will learn something new here
- it tough for me never ever worked on vite + React
- I take a challenge to complete this Project
- Authentication with Google and custume email
- Hosting job as a recruiter and applying to jobs as a candidate
- Tracking the status of Hired
- Upload resume through storage bucket
- fully responsive and beautifull user interface
- React.js+Vite along with shadCN/ui
- For user Authentication we will using Clerk
- Database setup I am using supabase its makes our backend so easy
- Clerk is used for authenticates users, manages session tokens, and provides user management functionality that can be used in combination with the authorization logic available in Supabase through PostgreSQL Row Level Security (RLS) policies.
- Make connection clerk with supabase documantation : https://clerk.com/docs/integrations/databases/supabase
- Setup REact_VIte project
- Read the documentation of Vite and ShadCN/ui for basic understanding
- Remove Unnecessary code given by Commands
- run command for TAilwind css and REact router dom
- Setup necessary router in the project
- Setup shadCN/ui and import important component
- add header logo and on landing page
- import logo on header and use button component on header through shadCN/ui
- Advice use webp and svg file instead of jpg & png because its provide smaller file size , faster page loading and ultra sharp quality
- We design it in a structure way and add company logo functionality of autoPlay
- we add a bannner and add two cards in its for first one is for search job Second one for Recruiters
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh