Inspiration Most students and job seekers struggle to create ATS-friendly resumes. We saw friends using Word templates that get rejected by ATS systems. We wanted to build a tool that uses AI to generate professional resumes in minutes, not hours, while teaching users what makes a resume effective.

What it does AI Resume Builder creates job-winning resumes instantly. Users enter basic details, and our AI suggests bullet points, skills, and summaries tailored to job descriptions. It provides real-time ATS score, multiple modern templates, and one-click PDF export. It also optimizes keywords so your resume passes automated screening.

How we built it We built the frontend using React JS for component-based UI and Tailwind CSS for rapid, responsive styling. Used React Context API for state management and react-to-print for PDF generation. For AI, we integrated the OpenAI API to generate and improve resume content. The app is deployed on Vercel for fast global performance. No backend - all data stays in browser using localStorage for privacy.

Challenges we ran into

  1. ATS Optimization: Figuring out exact rules that ATS systems use for parsing was tough. We tested 50+ resumes through online ATS checkers.
  2. PDF Generation: Matching Tailwind styles in PDF was tricky. Solved it using CSS print media queries.
  3. AI Prompts: Getting consistent, professional output from AI needed 20+ iterations of prompt engineering.
  4. Responsive Design: Making complex resume layouts work on mobile with Tailwind took time.

Accomplishments that we're proud of

  1. Achieved 90+ ATS score on standard templates
  2. Built fully responsive UI that works on mobile with Tailwind CSS
  3. PDF export matches screen design pixel-perfect
  4. AI generates context-aware bullet points in <3 seconds
  5. 100% client-side - no user data stored on servers

What we learned

  1. React JS: Mastered hooks, context, and optimization with useMemo
  2. Tailwind CSS: Learned utility-first workflow speeds up UI development 3x
  3. Prompt Engineering: Small changes in AI prompts create huge quality differences
  4. ATS Systems: Understanding how recruiters actually filter resumes
  5. UX: Users want results fast - we reduced resume creation time from 2 hours to 5 minutes

What's next for AI Resume Builder

  1. Add cover letter generator using the same AI
  2. LinkedIn profile optimizer
  3. Job description matcher - paste JD and get resume tailored automatically
  4. Multiple language support for global users
  5. Team accounts for college placement cells

Built With

Share this project:

Updates