A modern, scalable, production-grade hiring management platform for communities, companies, and organizations. This system helps organizations: - Create professional company profiles - Manage career pages - Create and manage job openings - Handle applicants professionally - Moderate community hiring - Manage recruiters and hiring teams - Track hiring analytics - Build enterprise-grade hiring workflows --- ## Reference Design <img width="1280" height="1603" alt="Image" src="https://github.com/user-attachments/assets/74bdc9bf-9a64-48f0-b42b-550271bad419" /> <img width="1600" height="1280" alt="Image" src="https://github.com/user-attachments/assets/58a5e888-ade5-4859-875a-192b0c09b7b5" /> <img width="1600" height="1280" alt="Image" src="https://github.com/user-attachments/assets/31529627-5fdb-46d6-b642-145f3da441bc" /> <img width="1215" height="1600" alt="Image" src="https://github.com/user-attachments/assets/71900afe-a4e8-4c11-92fe-c39b6cddaef5" /> # 📖 Overview This project is a complete hiring ecosystem inspired by platforms like: - LinkedIn Jobs - Greenhouse - Lever - Wellfound - Modern ATS systems The platform is designed for: - Companies - Startups - Organizations - Developer Communities - Hiring Teams - Recruiters - Community Moderators --- # 🎯 Main Features ## 🌍 Public Company Profile Every organization gets a professional public profile page. ### Features - Company branding - Logo & banner - About company - Social links - Team size - Industry - Open job roles - Benefits & perks - Community partnerships - Media gallery - Hiring status --- ## 💼 Career Portal Each company has a complete career page. ### Features - Public job listings - Department-based openings - Featured jobs - Remote jobs - Community hiring support - SEO optimized pages --- ## 🧩 Job Management System Companies can fully manage hiring operations. ### Features - Create job openings - Edit openings - Close openings - Archive jobs - Duplicate roles - Draft support - Job analytics - Visibility controls - Featured jobs - Sponsored jobs --- # 🖥️ Enterprise Jobs Dashboard Route: ```bash /org/jobs ``` Main hiring operations dashboard. ### Includes - Enterprise jobs table - Search system - Filters - Sorting - Bulk actions - Job analytics - Pagination - Responsive table --- # 📊 Jobs Table The jobs table should support: | Feature | Description | |---|---| | Search | Search openings instantly | | Filters | Filter jobs easily | | Sorting | Sort by status/date | | Pagination | Handle large datasets | | Bulk Actions | Update multiple jobs | | Export | CSV export | | Row Actions | Manage every role | --- # 🧾 Jobs Table Columns - Job title - Department - Community - Employment type - Workplace type - Status - Applicants count - Views - Hiring manager - Visibility - Posted date - Expiration date --- # ⚡ Job Actions Every job should support: - View role - Edit role - Duplicate role - Pause hiring - Close opening - Archive opening - Delete opening - Share opening - View analytics - Manage applicants --- # ✨ Create New Job Role Route: ```bash /org/jobs/create ``` Production-grade multi-step hiring form. --- # 🧱 Create Job Flow ## Step 1 — Basic Information - Job title - Department - Hiring manager - Community selection - Slug --- ## Step 2 — Job Description - Description - Responsibilities - Requirements - Benefits - Skills - Tags --- ## Step 3 — Hiring Configuration - Employment type - Workplace type - Salary range - Number of openings - Hiring timeline - Expiration date --- ## Step 4 — Publishing - Public/private - Community-only - Featured job - Sponsored job - Draft/publish state --- # 🛠️ Form Requirements The form should support: - Autosave drafts - Validation - Error handling - Loading states - Sticky action footer - Stepper navigation - Mobile responsiveness --- # ✏️ Edit Job Role Route: ```bash /org/jobs/[id]/edit ``` ### Features - Edit all fields - Audit logs - Version history - Activity timeline - Publishing controls - Draft comparison --- # 👁️ View Job Details Route: ```bash /org/jobs/[id] ``` Main operational hiring page. --- # 📌 Job Overview Display: - Job title - Status - Department - Hiring manager - Community - Posted date - Expiration date - Visibility - Sponsored status - Featured status --- # 📈 Job Analytics Show analytics for: - Views - Applications - Conversion rate - Engagement - Hiring funnel - Traffic source - Community performance --- # 👥 Applicants Management Route: ```bash /org/jobs/[id]/applicants ``` Enterprise-grade ATS dashboard. --- # 📋 Applicants Table Columns: - Applicant name - Email - Experience - Skills - Resume - Match score - Reviewer - Status - Applied date --- # 🔍 Applicant Features - Search applicants - Filter applicants - Resume preview - Bulk actions - Candidate notes - Saved views - Recruiter assignment --- # 🎯 Applicant Actions Every applicant should support: - View profile - Accept candidate - Reject candidate - Shortlist candidate - Schedule interview - Send mail - Download resume - Add notes --- # 🔄 Hiring Pipeline The hiring system should support drag-and-drop pipeline stages. ## Stages ```txt Applied → Screening → Technical → Interview → HR Round → Offer → Hired → Rejected ``` --- # 👤 Applicant Details Page Route: ```bash /org/jobs/[id]/applicants/[applicantId] ``` --- # 📌 Applicant Profile Show: - Resume viewer - Skills - Experience - Portfolio - GitHub - LinkedIn - Activity logs - Interview history - Recruiter notes --- # ⚡ Applicant Actions Include: - Accept candidate - Reject candidate - Move stage - Send mail - Schedule interview - Assign recruiter --- # ✉️ Send Mail System Route: ```bash /org/jobs/[id]/applicants/[applicantId]/mail ``` --- # 📧 Mail Features - Rich text editor - Mail templates - Attachments - Draft saving - Scheduled sending - Mail preview --- # 📩 Mail Templates Templates should include: - Interview invite - Offer letter - Rejection mail - Follow-up mail - Hiring updates --- # 🌍 Community Hiring System Communities can moderate and manage hiring. --- # 🛡️ Community Moderation Dashboard Route: ```bash /community/jobs/moderation ``` --- # Features - Pending jobs queue - Approve/reject jobs - Spam detection - Fraud alerts - Verification workflows - Moderation logs --- # 🏢 Company Profile Management Route: ```bash /org/company/profile ``` --- # Features - Update logo - Update banner - Edit company details - Manage social links - SEO settings - Branding controls --- # 🖼️ Media Management Route: ```bash /org/company/media ``` --- # Features - Upload images - Delete assets - Drag-and-drop uploads - Reorder gallery - Optimize media --- # 🧠 Analytics Dashboard The platform should provide enterprise analytics. ### Metrics - Active openings - Total applicants - Hiring success - Community reach - Engagement trends - Hiring velocity --- # 🔐 RBAC & Permissions Enterprise-grade permissions system. --- # Organization Roles | Role | Access | |---|---| | Organization Owner | Full access | | HR Admin | Hiring management | | Recruiter | Candidate operations | | Hiring Manager | Department access | | Analytics Viewer | Read-only | --- # Community Roles | Role | Access | |---|---| | Community Owner | Full moderation | | Community Admin | Job moderation | | Hiring Moderator | Review queue | --- # Permissions ```txt company.edit company.branding.manage company.media.manage job.create job.edit job.publish job.close job.delete job.analytics.view applicant.review candidate.accept candidate.reject community.moderate ``` --- # 🧱 Frontend Architecture Use modular feature-based architecture. ## Suggested Structure ```bash modules/company/ ├── components/ ├── forms/ ├── sections/ ├── hooks/ ├── pages/ ├── services/ ├── store/ ├── types/ ├── validations/ ├── constants/ └── analytics/ ``` --- # ⚙️ Tech Stack | Layer | Technology | |---|---| | Frontend | Next.js | | Language | TypeScript | | Styling | TailwindCSS | | UI Components | shadcn/ui | | Forms | React Hook Form | | Validation | Zod | | Server State | TanStack Query | | Local State | Zustand | | Charts | Recharts | --- # 🎨 UI/UX Requirements The platform should feel: - Modern - Clean - Fast - Enterprise-grade - Professional - Responsive - Minimal but powerful Inspired by: - Stripe - Linear - Vercel - Notion - Modern ATS systems --- # 📱 Responsiveness The platform must work properly on: - Desktop - Tablet - Mobile --- # ⚡ Performance Requirements The system should support: - Large datasets - Virtualized tables - Lazy loading - Optimized images - Fast filtering - Optimistic updates --- # ♿ Accessibility Must support: - Keyboard navigation - Focus states - Screen readers - Semantic HTML --- # 🧪 Testing Requirements | Test Type | Coverage | |---|---| | Component Tests | UI | | Form Tests | Validation | | Integration Tests | APIs | | RBAC Tests | Permissions | | E2E Tests | Hiring workflows | --- # 🚫 Anti-Patterns To Avoid DO NOT: - Create duplicate input components - Create repeated UI systems - Ignore loading/error states - Hardcode repeated styles - Build giant monolithic pages - Ignore responsive behavior --- # ✅ Acceptance Criteria - Company profiles fully manageable - Career portal production-ready - Hiring workflow operational - Applicants system scalable - Moderation system functional - Fully responsive - Accessible UI - Clean architecture - Type-safe implementation - Production-grade UX
A modern, scalable, production-grade hiring management platform for communities, companies, and organizations.
This system helps organizations:
Reference Design
📖 Overview
This project is a complete hiring ecosystem inspired by platforms like:
The platform is designed for:
🎯 Main Features
🌍 Public Company Profile
Every organization gets a professional public profile page.
Features
💼 Career Portal
Each company has a complete career page.
Features
🧩 Job Management System
Companies can fully manage hiring operations.
Features
🖥️ Enterprise Jobs Dashboard
Route:
Main hiring operations dashboard.
Includes
📊 Jobs Table
The jobs table should support:
🧾 Jobs Table Columns
⚡ Job Actions
Every job should support:
✨ Create New Job Role
Route:
Production-grade multi-step hiring form.
🧱 Create Job Flow
Step 1 — Basic Information
Step 2 — Job Description
Step 3 — Hiring Configuration
Step 4 — Publishing
🛠️ Form Requirements
The form should support:
✏️ Edit Job Role
Route:
Features
👁️ View Job Details
Route:
Main operational hiring page.
📌 Job Overview
Display:
📈 Job Analytics
Show analytics for:
👥 Applicants Management
Route:
Enterprise-grade ATS dashboard.
📋 Applicants Table
Columns:
🔍 Applicant Features
🎯 Applicant Actions
Every applicant should support:
🔄 Hiring Pipeline
The hiring system should support drag-and-drop pipeline stages.
Stages
👤 Applicant Details Page
Route:
📌 Applicant Profile
Show:
⚡ Applicant Actions
Include:
✉️ Send Mail System
Route:
📧 Mail Features
📩 Mail Templates
Templates should include:
🌍 Community Hiring System
Communities can moderate and manage hiring.
🛡️ Community Moderation Dashboard
Route:
Features
🏢 Company Profile Management
Route:
Features
🖼️ Media Management
Route:
Features
🧠 Analytics Dashboard
The platform should provide enterprise analytics.
Metrics
🔐 RBAC & Permissions
Enterprise-grade permissions system.
Organization Roles
Community Roles
Permissions
🧱 Frontend Architecture
Use modular feature-based architecture.
Suggested Structure
⚙️ Tech Stack
🎨 UI/UX Requirements
The platform should feel:
Inspired by:
📱 Responsiveness
The platform must work properly on:
⚡ Performance Requirements
The system should support:
♿ Accessibility
Must support:
🧪 Testing Requirements
🚫 Anti-Patterns To Avoid
DO NOT:
✅ Acceptance Criteria