
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
CompletedTechnology Stack
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