Back to Works
JobQuest

JobQuest

A modern, minimalist job application tracker. JobQuest helps you organize your job search journey with an intuitive interface, tracking applications from wishlist to offer.

Features

  • Application Tracking: Track jobs through five distinct stages:

    • 📋 Wishlist - Companies and positions you're interested in
    • 📤 Applied - Applications you've submitted
    • 💬 Interview - Active interview processes
    • Offer - Successful offers received
    • Rejected - Closed opportunities
  • Dual View Modes:

    • Table View - Sortable, filterable data table with advanced search
    • Kanban Board - Drag-and-drop visual workflow management
  • Comprehensive Job Details:

    • Company name and job title
    • Location and work arrangement (Remote/On-site/Hybrid)
    • Salary range tracking
    • Job description and URL
    • Application dates (created/updated timestamps)
  • Notes & Context:

    • Attach unlimited notes to each job
    • Track interview feedback, follow-ups, and research
  • Dashboard Analytics:

    • Application status distribution
    • Visual pipeline overview
    • Quick insights into your job search progress
  • Dark Mode Support: System-aware theme switching for comfortable use

Tech Stack

Frontend

  • Next.js - React framework with App Router and Turbopack
  • React - Latest React with Server Components
  • TypeScript - Type-safe development
  • Tailwind CSS - Utility-first styling with OKLCH color space
  • shadcn/ui - Accessible, customizable component library (New York variant)
  • TanStack Table - Powerful data table with sorting/filtering
  • React Hook Form - Performant form management
  • Zod - TypeScript-first schema validation

Backend

  • Next.js Server Actions - Type-safe server mutations
  • PostgreSQL - Relational database hosted on Neon.tech
  • Prisma - Type-safe ORM with migrations
  • Clerk - Complete authentication solution with user management

Details

Why build this app?

I built this app to be able to track my own job applications. I am sure there are more feature rich implementations available, but I wanted to be able to make an app that I am actually going to use. This app idea came to me when I was thinking of something I can "vibe code" - not actually code myself but instruct AI agents to code.

What were the challenges and how did I overcome them?

One challenge was to think about the app architecture and the services and dependencies I was going to use before starting to code. I needed to install all the dependencies and set up the services on an empty next.js build, so that the agents could build on that rather than implementing something on their own.

I tried two AI services: Github Copilot Agent mode (mostly using Claude Sonnet models) and Claude Code CLI. I did this just to have experience in using both tools.

After implementing auth, database, prisma and dependencies myself, agents handled all the coding and the only challenge I faced after that point was instructing the agents what I want as best as I can.

Links

Github Repo

Deployed App

If you would like to receive new stories and works in your inbox subscribe here.