An simple and easy to use Resume Builder with AI superpowers.

This is a highly vibe-coded project to test Gemini 2.5 Flash.

So what do I think? I think we’ve come too far not to notice AI coding in hours what humans would take days to build. It’s scary. It’s appealing. And it feels like we’re just getting started.

• 📄 AI-Powered Resume Parsing: Instantly import your existing resume by pasting its text content. The AI will intelligently parse and structure the information for you.
• ✏️ Real-Time WYSIWYG Editing: Edit any part of your resume directly in the live preview. All changes are saved automatically.
• 🎨 Customizable Layout & Theme:
  • Toggle any section on or off.
  • Create and edit custom sections.
  • Drag and drop to reorder sections and individual items within them (experience, education, projects).
  • Customize the look and feel with a theme editor for colors and border widths.
• ✨ AI Content Analysis: Get detailed feedback on your resume content, including:
  • Clarity Score
  • Grammar Score
  • Estimated ATS (Applicant Tracking System) Score
  • Actionable suggestions for improvement.
• 🤖 One-Click AI Fixes: Automatically apply the AI's suggested fixes to your resume with a single click.
• 📊 Skill Scoring: Paste a job description to get AI-powered relevance scores for your skills, helping you tailor your resume for specific roles.
• 🖨️ Print to PDF: Easily print your resume or save it as a professional-looking PDF directly from the browser.

• Framework: Next.js (App Router)
• UI Library: React
• Language: TypeScript
• Styling: Tailwind CSS
• Components: ShadCN UI
• Generative AI: Firebase Genkit with Google's Gemini models.
• Form Management: React Hook Form
• Drag & Drop: dnd-kit

Follow these instructions to get the project up and running on your local machine.

• Node.js (version 20 or later)
• npm or a compatible package manager

You will need a Google AI API key to use the generative AI features.

1. Create a file named .env in the root of the project.
2. Add your API key to the .env file:

   GEMINI_API_KEY=your_google_ai_api_key_here
   

   You can obtain a key from Google AI Studio.

Install the project dependencies using npm:

npm install

This project requires two development servers to be running simultaneously: one for the Next.js frontend and another for the Genkit AI flows.

• Start the Next.js server:

  npm run dev

  Your application will be available at http://localhost:9002.

• In a separate terminal, start the Genkit server:

  npm run genkit:watch

  This command starts the Genkit flows and watches for any changes you make to the AI logic.

You can now open your browser and navigate to http://localhost:9002 to use the application.