https://github.com/krishyadav90/projobhub_ind
ProJobHub 🚀 is a modern job portal built with React, TypeScript, and Supabase by Krish Yadav. It offers 🔐 secure authentication, 💬 real-time messaging, and 🎯 advanced job filtering — all wrapped in a sleek, responsive UI 📱. With features like 🧾 employer job posting, 🧊 glassmorphism, and 🌗 dark/light mode, ProJobHub delivers a powerful jobs.
https://github.com/krishyadav90/projobhub_ind
shadcn-ui supabase tailwind-css typescript vite
Last synced: 12 months ago
JSON representation
ProJobHub 🚀 is a modern job portal built with React, TypeScript, and Supabase by Krish Yadav. It offers 🔐 secure authentication, 💬 real-time messaging, and 🎯 advanced job filtering — all wrapped in a sleek, responsive UI 📱. With features like 🧾 employer job posting, 🧊 glassmorphism, and 🌗 dark/light mode, ProJobHub delivers a powerful jobs.
- Host: GitHub
- URL: https://github.com/krishyadav90/projobhub_ind
- Owner: krishyadav90
- License: mit
- Created: 2025-06-15T11:10:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-02T20:32:20.000Z (12 months ago)
- Last Synced: 2025-07-02T21:32:19.947Z (12 months ago)
- Topics: shadcn-ui, supabase, tailwind-css, typescript, vite
- Language: TypeScript
- Homepage: https://job-portal-nine-silk.vercel.app
- Size: 173 KB
- Stars: 14
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README
- License: LICENSE
Awesome Lists containing this project
README
# 🚀 **PROJOBHUB INDIA**
**A modern, full-featured job portal built with React, TypeScript, and Supabase — crafted by Krish Yadav.** 🌟🇮🇳
---
## 🌟 **PROJECT OVERVIEW**
**ProJobHub India** connects Indian job seekers with local opportunities and empowers employers across India to post jobs effortlessly. Launched on **Thursday, July 03, 2025, at 01:55 AM IST**, this platform leverages cutting-edge technologies and a sleek, user-friendly design to support career growth in the Indian job market. 💼🌍
---
## 🔒 **AUTHENTICATION & USER MANAGEMENT**
- 🔑 **Supabase Auth**: Secure sign-up and login system tailored for Indian users
- 👤 **User Profiles**: Manage personal and professional details with Aadhaar integration
- 🚫 **Protected Routes**: Restrict access to authenticated features for enhanced security
---
## 💼 **JOB MANAGEMENT**
- 🔍 **Job Browsing**: Explore job listings across India with ease
- 🎯 **Advanced Filtering**: Filter by role, city (e.g., Mumbai, Delhi), salary, experience, and more
- 🧾 **Job Details Modal**: Clean, intuitive UI with a smooth close button
- ➕ **Job Posting**: Seamless job creation for logged-in employers in India
---
## 💬 **REAL-TIME MESSAGING**
- 💬 **Live Chat**: Powered by Supabase Realtime for instant communication with recruiters
- 👥 **Community Features**: Connect with peers and recruiters across India
---
## 🎨 **MODERN UI/UX**
- 📱 **Responsive Design**: Flawless experience on all devices, optimized for India
- 💫 **Animations**: Smooth transitions and hover effects
- 🧊 **Glassmorphism**: Sleek, modern aesthetic
- 🌌 **Moving Background**: Dynamic visuals reflecting Indian culture
- 🌗 **Dark/Light Mode**: Theme support with `next-themes`
---
## 🔍 **SMART SEARCH & FILTERING**
- 📝 **Keyword Search**: Find jobs by skills or keywords (e.g., IT, BFSI, healthcare)
- 📍 **Location Filter**: Cities like Bangalore, Hyderabad, Pune, or remote options
- 💰 **Salary Range**: Adjustable slider in INR for Indian salaries
- 📈 **Experience Level**: From fresher to senior roles
- ⏳ **Employment Type**: Full-time, part-time, contract, or internship
---
## 🛠️ **TECHNOLOGY STACK**
### ⚛️ **Frontend**
- **React 18 + Hooks**: Dynamic and interactive UI
- **TypeScript**: Type-safe development
- **Vite** ⚡: Lightning-fast build tooling
- **Tailwind CSS** 🎨: Utility-first CSS
- **shadcn/ui** 🧩: Reusable UI components
### 🔙 **Backend & Database**
- **Supabase**: Backend-as-a-service for auth and real-time
- **PostgreSQL**: Robust relational database
- **Row-Level Security (RLS)**: Secure data access
- **Real-time Subscriptions**: Live updates
### 🧰 **Libraries**
- **React Router DOM**: Seamless routing
- **Tanstack React Query**: Data management
- **React Hook Form**: Form handling
- **Lucide React**: Customizable icons
- **Recharts**: Interactive charts
---
## 📁 **PROJECT STRUCTURE**
```bash
src/
├── components/
│ ├── ui/ # shadcn/ui components
│ ├── JobCard.tsx # Job listing card
│ ├── JobList.tsx # Job listing grid
│ ├── JobModal.tsx # Job details modal
│ ├── JobSidebar.tsx # Filter sidebar
├── pages/
│ ├── Index.tsx # Home page
│ ├── Auth.tsx # Authentication
│ ├── Profile.tsx # User profile
│ ├── Messages.tsx # Messaging
│ ├── Hiring.tsx # Job posting
├── hooks/
│ └── useAuth.tsx # Auth hook
├── services/
│ └── jobsService.ts # Job API logic
├── data/
│ └── jobs.ts # Mock data
└── integrations/
└── supabase/ # Supabase setup
```
---
## 🗄️ **DATABASE SCHEMA**
- 🧑 **profiles**: User info with Indian fields
- 💼 **jobs**: Job listings across India
- 💬 **messages**: Chat system
### 🔐 **Security Features**
- **Row-Level Security (RLS)**: Fine-grained access
- **Auto-profile Creation**: Seamless onboarding
- **Real-time Updates**: Live syncing
---
## 🎯 **CORE FUNCTIONALITY**
- 🛠️ **CRUD Operations**: Manage jobs
- 📡 **Real-time Updates**: Instant updates
- 📱 **Responsive UX**: Smooth experience
- 🔁 **Modern Loading**: Visual feedback
- ❌ **Robust Error Handling**: Graceful errors
---
## 📱 **RESPONSIVE DESIGN**
- 📱 **Mobile**: 320px+ (rural India focus)
- 💻 **Tablets**: 768px+
- 🖥️ **Desktops**: 1024px+
- 🖥️ **Large Screens**: 1440px+
---
## 🔧 **CONFIGURATION**
- 🛠️ **Supabase Backend**: Auth and real-time
- 🗃️ **Database Migrations**: Schema updates
- 🛡️ **Row-Level Security**: Secure access
- 🔄 **Real-time Subscriptions**: Live data
- 🔐 **Authentication Flow**: Seamless login
---
## 🎨 **DESIGN SYSTEM**
- 🎨 **Gradient Colors**: Inspired by India
- 🆎 **Clean Typography**: Professional look
- 🧩 **shadcn/ui**: Consistent components
- 🌀 **Smooth Transitions**: Enhanced UX
- 🔣 **Lucide Icons**: X, Bookmark, MapPin
---
## ▶️ **RUN THE PROJECT**
1. Clone the repo:
```bash
git clone https://github.com/krishyadav90/ProJobHub-India.git
cd ProJobHub-India
```
2. Install dependencies:
```bash
npm install
```
3. Set up `.env`:
```env
VITE_SUPABASE_URL=https://your-project.supabase.co
VITE_SUPABASE_ANON_KEY=your-anon-key
```
4. Start the server:
```bash
npm run dev
```
Visit `http://localhost:5173` to explore! 🌐
---
## 🙌 **CREDITS**
- 👨💻 **Created by**: Krish Yadav
- 🧱 **Built with**: React, TypeScript, Vite, Tailwind CSS, Supabase, shadcn/ui
---
## 📜 **LICENSE**
Released under the **MIT License**. See [LICENSE](./LICENSE). 📄
---
## 📬 **CONTACT**
- **Developer**: Krish Yadav
- **Email**: [krishyadav3866@gmail.com](mailto:krishyadav3866@gmail.com)
- **Project**: ProJobHub India
- **License**: MIT
---
🌟 **PROJOBHUB INDIA** - Your gateway to jobs in India! 💼🇮🇳
*Built with ❤️ by Krish Yadav*