Objective:
This section will manage applications, track candidates through different hiring stages, and allow HR teams to collaborate efficiently.
UI Components:
- Candidate Pipeline View
- A Kanban board with draggable candidate cards moving through stages: Applied → Shortlisted → Interview → Offer → Hired
- Each candidate card contains:
- Name, applied position, resume preview, status
- Action buttons: View Details, Move to Next Stage, Reject
- Candidate Profile Page
- Tabs: Overview, Resume, Interview Notes, Assessments, Feedback
- Candidate details (photo, experience, skills, resume upload)
- Activity timeline (status changes, comments, interviews)
- Filters & Search
- Dropdowns: Job Position, Experience Level, Status
- Search bar for candidate name
- Bulk Actions
- Select multiple candidates to move, reject, or message
Frontend Development:
- React + Tailwind CSS for UI
- React DnD (Drag and Drop) for the Kanban board
- Recharts / Victory Charts for hiring analytics (applications per job, success rate, etc.)
- Shadcn UI components for modals, buttons, and dropdowns
Objective:
This section will manage applications, track candidates through different hiring stages, and allow HR teams to collaborate efficiently.
UI Components:
Frontend Development: