# How to Vibe Code Your Own Careerflow (and Stop Paying for It) > Your Career Copilot | Powerful AI Job Search Tools - Site: https://careerflow.ai - Category: Career & Recruitment SaaS - Platforms: Web app, Browser extension - Verdict: **Solid side project** (62/100 vibecodeable) - Estimated effort: 3-4 weeks of focused weekend coding ## Verdict Build a personal subset with Next.js and Supabase for your own job search, but keep paying if you want polished mock interviews and an enterprise Chrome extension. You can easily build the resume generator, Kanban tracker, and basic OpenAI prompt wrappers in a couple of weekends. The catch is that keeping a Chrome extension working reliably against LinkedIn's constantly shifting DOM and orchestrating real-time voice mock interviews will eat up all your free time. For personal use, skip the browser extension and mock interviews, build a manual web app dashboard, and save yourself hundreds of dollars. ### What you can't replicate - Over 1 million active job seeker network and community trust - Exclusive B2B partnerships with university career centers and bootcamps - Proprietary career coaching frameworks and institutional resources ## What it does AI-powered career readiness platform featuring an AI resume builder, LinkedIn profile optimizer, job application tracker, mock interviewer, and cover letter generator. ### Core features - Kanban-style Job Application Tracker CRM - AI Resume Builder & ATS Compatibility Scorer - Chrome Extension for one-click job saving from LinkedIn/Indeed - LinkedIn Profile Optimizer & Checklist Generator - AI Cover Letter & Elevator Pitch Writer - AI Mock Interview simulation with feedback - Networking Tracker and professional contact CRM - Document Hub for resume versions and certifications ## The business ### Pricing - Basic: Free - Premium: $23.99/mo - Premium Plus: $44.99/mo Founded 2022. Team size: 11–50. ## The hard parts - Maintaining robust DOM parsing in a Chrome Extension across frequently changing third-party job boards (LinkedIn, Indeed, Workday) - Generating pixel-perfect, strict ATS-compliant PDF resumes programmatically without layout breaks - Real-time voice and video mock interview loop with low-latency LLM speech transcription and analysis - Reliable scraping and autofill automation across diverse, anti-bot protected applicant tracking systems (Greenhouse, Lever) ## How to vibe code Careerflow ### Prerequisites - Node.js (free): Runtime environment for building and running the Next.js full-stack web application. - GitHub (free): Source code repository hosting and continuous deployment integration with Vercel. - OpenAI API Key (Pay-per-use (~$5-10/mo)): Required for powering resume optimization, cover letter generation, and interview feedback loops. ### Recommended AI tools - Cursor: Ideal AI code editor for rapidly scaffolding React components, database schemas, and API routes with diff reviews. - Claude Code: Best-in-class terminal agent for executing complex multi-file refactors and setting up database migrations. ### Stack - Frontend: Next.js (App Router, Tailwind CSS, shadcn/ui) - Backend: Next.js Server Actions / API Routes - Database: Supabase (PostgreSQL with Row Level Security) - Auth: better-auth - Payments: None (Personal clone) - Other: react-pdf for resume generation, OpenAI API for LLM parsing, PostHog for analytics ### Hosting - Vercel (Hosting the Next.js frontend and serverless API endpoints with zero-config Git deploys.): $0/mo (Hobby tier) - Supabase (Hosting the PostgreSQL database, user document storage buckets, and serverless authentication.): $0/mo (Free tier) ### Build guide 1. **Project Scaffolding & Database Schema Setup** — Initialize the Next.js project with Tailwind CSS, configure shadcn/ui components, and set up the Supabase database schema for users, resumes, job applications, and networking contacts. ``` Create a new Next.js app using App Router and Tailwind CSS. Initialize shadcn/ui and configure a clean dashboard layout with a sidebar navigation for 'Dashboard', 'Resumes', 'Job Tracker', 'Networking', and 'Mock Interview'. Set up Supabase client utilities and define PostgreSQL tables for: `profiles` (id, user_id, full_name, target_title), `resumes` (id, user_id, title, target_job_description, raw_content, ats_score, json_data), `job_applications` (id, user_id, company_name, job_title, status [Wishlist, Applied, Interviewing, Offer, Rejected], salary, notes), and `networking_contacts` (id, user_id, name, company, role, email, last_contacted). Ensure all tables include proper foreign keys to auth users and row-level security policies. ``` 2. **Authentication & User Management** — Implement authentication using better-auth with email/password login and protected route middleware for the dashboard. ``` Integrate `better-auth` into the Next.js application supporting email and password authentication. Configure the auth client and server endpoints connecting to the Supabase PostgreSQL database. Create clean login and signup pages with Tailwind styling and form validation. Add Next.js middleware to protect all routes under `/dashboard` and redirect unauthenticated users to `/login`. ``` 3. **Job Application Kanban Tracker CRM** — Build a fully interactive Kanban board for tracking job applications across different pipeline stages with card management and notes. ``` Build an interactive Kanban board page at `/dashboard/tracker` using React and Tailwind CSS. Display columns for 'Wishlist', 'Applied', 'Interviewing', 'Offer', and 'Rejected'. Allow users to drag-and-drop job application cards between columns or update their status via dropdown menus. Include a 'Add Job' modal that writes new records to the `job_applications` table with fields for company name, job title, salary, job description, and personal notes. Implement optimistic UI updates and error handling. ``` 4. **AI Resume Builder & ATS Scorer** — Implement the resume parser, bullet point generator, and ATS compatibility keyword analyzer using the OpenAI API. ``` Create an AI Resume Builder workspace at `/dashboard/resumes/[id]` that allows users to input their experience, paste a target job description, and trigger AI optimizations. Write a server action that calls the OpenAI API with structured JSON output to: 1) calculate an ATS match score from 0-100, 2) extract missing keywords from the job description, and 3) rewrite work experience bullet points to emphasize impact. Display the comparison results clearly with highlighted missing keywords and a one-click apply button to update the resume content. ``` 5. **ATS-Friendly PDF Export** — Build a clean resume template renderer and PDF export engine using `react-pdf` to generate downloadable ATS-compliant documents. ``` Implement a resume template view and PDF export engine in the resume builder using `@react/pdf` or headless print styles. Create a professional, single-column ATS-friendly template layout with standard section headers (Summary, Experience, Education, Skills) that avoids multi-column traps or graphic elements. Add a 'Download PDF' button that triggers client-side generation and downloads a clean, parsable PDF file of the optimized resume. ``` 6. **Networking CRM & Cover Letter Generator** — Build a networking contact tracker and an AI cover letter generator tailored to specific job postings. ``` Build a Networking CRM page at `/dashboard/networking` to manage professional connections, tracking contact names, companies, and last interaction dates with automated reminder badges. Add an AI Cover Letter Generator tool at `/dashboard/cover-letters` that takes the user's resume profile and a target job description, calls the OpenAI API to generate a personalized, professional cover letter, and provides an editor interface with copy and export options. ``` ### Cost vs paying **Starting costs (one-time):** - Custom domain (optional): $12/yr - OpenAI API starting credits: $10 - Total: ~$22 one-time **Ongoing costs (monthly):** - OpenAI API usage (moderate personal search): ~$5-10/mo - Vercel + Supabase Free Tiers: $0/mo - Total: ~$5-10/mo - Paying for the SaaS instead: $23.99/mo - Build time: 25-35 hours - AI tool credits: ~$10 (OpenAI API usage) - Break-even: 1 month of Premium subscription ## Sources - [Careerflow Website & Feature Pages](https://careerflow.ai) - [GeekWire - Startup profile and AI career tools](https://www.geekwire.com) - [Tracxn - Careerflow Company Profile & Team Data](https://tracxn.com)