Skip to main content

Command Palette

Search for a command to run...

ResumeMind
CompletedNext.jsTypeScriptTailwind CSS+7 more

ResumeMind

AI-powered resume platform that helps professionals, students, and job seekers craft tailored, ATS-optimized resumes with personalized content and automatic formatting

Timeline

2025

Role

Full Stack

Team

Solo

Status
Completed

Technology Stack

Next.js
TypeScript
Tailwind CSS
Shadcn UI
PostgreSQL
Prisma
Clerk
Stripe
OpenAI
Vercel Blob

Key Challenges

  • ATS Optimization
  • Multi-step Form UX
  • Subscription & Billing

Key Learnings

  • Stripe Subscriptions
  • OpenAI Content Generation
  • Clerk Auth
  • Vercel Blob

ResumeMind: AI-Powered Resume Builder

Overview

ResumeMind is a modern, full-stack SaaS application for building professional resumes with AI assistance. It helps professionals, students, and job seekers craft tailored, ATS-optimized resumes that stand out in competitive hiring processes. By analyzing job descriptions, industry standards, and recruiter expectations, the platform generates personalized content, suggests skill improvements, and enhances formatting automatically.

Key Features

  • Multi-step Form Builder: Intuitive step-by-step resume creation process using React Hook Form
  • Drag-and-Drop Interface: Reorder sections and content with dnd-kit
  • AI Auto-Fill: Generate professional summaries and work experience descriptions using OpenAI GPT
  • Subscription Tiers: Multiple subscription levels with Stripe integration (Free, Pro, Pro Plus)
  • Real-time Preview: Live preview of your resume as you edit
  • Print & PDF Export: Save or print your resume using react-to-print
  • Auto-save: Automatic saving of your work with debounced updates
  • URL State Management: Shareable URLs with resume state in query parameters
  • Mobile Responsive: Beautiful, responsive design with Tailwind CSS and Shadcn UI
  • Dark Mode: Theme toggle for light/dark mode support
  • File Uploads: Profile photo uploads to Vercel Blob storage
  • Database Persistence: PostgreSQL database with Prisma ORM

Tech Stack

Frontend

  • Next.js 15: React framework with App Router
  • React 19: UI library
  • TypeScript: Type safety
  • Tailwind CSS: Utility-first CSS framework
  • Shadcn UI: High-quality component library
  • React Hook Form: Form state management
  • Zod: Schema validation
  • dnd-kit: Drag and drop functionality
  • react-to-print: PDF/Print functionality
  • Zustand: State management

Backend

  • Next.js API Routes: Server-side API endpoints
  • Prisma: Database ORM
  • PostgreSQL: Relational database
  • Clerk: Authentication and user management
  • Stripe: Payment processing and subscriptions
  • OpenAI API: AI content generation
  • Vercel Blob: File storage

Why We Built This

  • ATS Optimization: Many resumes get filtered by ATS before humans see them; ResumeMind structures content for both machines and recruiters
  • Personalization at Scale: AI helps tailor summaries and bullet points to specific roles and industries
  • Professional Formatting: Consistent, polished layouts without manual design work
  • End-to-end Experience: From sign-up and billing to export, all in one product

Key Learnings

  • Stripe subscription flows (checkout, webhooks, customer portal)
  • OpenAI integration for structured content generation
  • Clerk authentication and protected routes
  • Vercel Blob for user file uploads
  • Prisma with PostgreSQL for resume and subscription data