Job Posting, Applicant Tracking & Interview Scheduling

An internal recruitment frontend with separate admin and candidate workspaces — job posting, applicant review, interview scheduling and application tracking in one interface.

2 Workspaces, one app. Separate admin and candidate interfaces built from shared components.
10+ Routed screens. Auth, admin and dashboard route groups cover the full hiring journey.
4 Pipeline stages. Every applicant moves through a consistent New → Interviewing → Hired → Rejected flow.

Next.js
TypeScript
Tailwind CSS
Formik
Recharts

Recruitment Module admin dashboard showing hiring analytics

Overview

Client Overview

An in-house recruitment operation whose hiring workflow had outgrown its tooling. Postings lived in one place, applications arrived by email with no single home, and booking an interview meant back-and-forth messages and manually pasted meeting links. Nothing could answer the basic question — how many candidates are in screening right now?

Services provided

Web Application Development
UI/UX Implementation

Client: Internal product — in-house recruitment operations
Industry: Human Resources & Staffing
Timeline: 8 weeks
Year: 2026
Platforms: Web application
Team: 1 engineer, 1 designer

Challenge

Business Challenge

The situation before the engagement, in the client's terms.

Recruitment operations ran on inboxes and spreadsheets — postings lived in one tool, applications in another, and interview booking was email ping-pong.

01
Applications scattered
CVs and cover letters arrived by email with no single place to review a candidate.
02
No shared pipeline
Nobody could see how many candidates sat in screening, interview or offer stages.
03
Booking by email
Scheduling interviews meant back-and-forth messages and manually pasted meeting links.
04
Inconsistent submissions
Free-form applications made it hard to compare candidates against the same questions.

Objectives

Engagement Objectives

What the build needed to achieve before implementation began.

Give admins and candidates two distinct, focused workspaces in one app
Keep every applicant's materials in a single reviewable dossier
Make scheduling an interview a two-click task with a meeting link
Turn applications into a structured flow so candidates can be compared fairly
Show the whole pipeline at a glance in reports and dashboards

Solution Design

How We Solved It

The approach that addressed each challenge above.

One product, two workspaces. The admin side owns the hiring pipeline end to end; the candidate side makes applying and tracking progress a structured, guided flow.

01
Workspace separation
Route groups split admin and candidate experiences while sharing the same UI primitives.
02
Structured job postings
Jobs carry department, location, type and salary, so listings stay consistent and searchable.
03
Dossier-per-applicant review
Each applicant opens to tabs for personal information, resume, cover letter, screening answers and notes.
04
One-flow scheduling
Interviews scheduled with platform selection and a meeting link, all recorded against the applicant.

Capabilities

Key Features

What RecruitFlow does in day-to-day use.

Dual workspaces
Separate admin and candidate interfaces under one codebase, built from the same UI primitives.
Job publishing
Create, edit and close listings with department, location, employment type and salary bands.
Applicant pipeline
Every candidate tracked through New → Interviewing → Hired → Rejected, with a full dossier per applicant.
Interview scheduling
Book interviews with meeting-platform selection and a link, recorded against the applicant.
Structured applications
Guided multi-step apply flow: personal info, resume upload, screening questions, review and submit.
Reports & analytics
Hiring dashboards with applicant, job and hire figures plus status breakdowns.

Technology Stack

Next.js app router
React
TypeScript
Tailwind CSS
Formik
Yup
OTP inputs
Recharts
Bar & pie charts
Shared UI primitives
lucide-react icons
Theme tokens

Outcome

Results & Outcome

What changed for the business after launch.

2
Workspaces, one app
Separate admin and candidate interfaces built from shared components.
10+
Routed screens
Auth, admin and dashboard route groups cover the full hiring journey.
4
Pipeline stages
Every applicant moves through a consistent New → Interviewing → Hired → Rejected flow.
5
Dossier tabs per applicant
Personal info, resume, cover letter, screening answers and notes in one view.

Interface

A Closer Look

Screens from the delivered system.

Hiring analytics — applicant, job and hire figures with charts at a glance.
The applicant pipeline — every candidate tracked with a clear status.
The candidate job board — search, filter and apply from one place.
The candidate workspace — applications, upcoming interviews and countdowns.

Conclusion

The Result

Recruiters now run the whole cycle from one workspace: publish a job, review a complete applicant dossier, attach a meeting link and move the candidate through the pipeline. Candidates get a guided application flow and a dashboard that shows exactly where they stand — no more chasing status by email.

2 Workspaces, one app: Separate admin and candidate interfaces built from shared components.
10+ Routed screens: Auth, admin and dashboard route groups cover the full hiring journey.
4 Pipeline stages: Every applicant moves through a consistent New → Interviewing → Hired → Rejected flow.

More work

Related Projects

Other systems built on similar foundations.

View all projects

SaaS / AI
Smart CRM
A multi-tenant CRM with AI assistance built into the record, summarising history and surfacing the next action for every account.
- Next.js
- TypeScript
- PostgreSQL
- OpenAI
- +1
View Case Study
AI / Web Application
AI Resume Platform
A web platform that parses resumes into structured data, matches candidates to roles with an explainable score, and generates tailored documents.
- Next.js
- Python
- FastAPI
- OpenAI
- +1
View Case Study