HG-AI-Resume-Builder

Build smart, editable, and downloadable resumes instantly with AI — personalized, professional, and shareable.

Comment

Inspiration

Building a professional, visually appealing resume can be time-consuming and tedious. I was inspired to create HG-AI-Resume-Builder after seeing how much time people waste on Word docs and generic templates. I wanted to combine AI technology, user-friendly interfaces, and dynamic customization to make resume creation fast, personalized, and effective for everyone—from students to professionals.

What I Learned

During this project, I gained hands-on experience with:

  • Next.js & React for dynamic and responsive front-end interfaces.
  • Tailwind CSS & custom CSS for efficient styling.
  • TypeScript & Node.js for strong typing and server-side logic.
  • AI integration with OpenAI Agents SDK for intelligent resume optimization.
  • PDF generation using html2canvas and html2pdf.js.
  • Authentication & databases using NextAuth.js and MongoDB.
  • Full-stack development, connecting front-end, back-end, and database seamlessly.

How I Built It

  1. Front-End:
  • Multi-step dashboard with Upload CV, AI Templates, AI Suggestions, Preview, and Download.
  • Tailwind CSS for responsive design; React Icons for UI elements.
  1. Back-End:
  • FastAPI & Python for AI processing and user data management.
  • MongoDB to securely store user resumes.
  • Integrated OpenAI Agents SDK to generate optimized suggestions.
  1. Features:
  • Upload existing resumes or create new ones.
  • AI analyzes and suggests improvements for content, keywords, and formatting.
  • Multiple templates for visual customization.
  • Download as PDF or share via unique links.
  • Admin dashboard for bug tracking and user queries.

Challenges Faced

  • Ensuring AI suggestions were accurate and contextually relevant.
  • Rendering dynamic resumes consistently in PDF format.
  • Smooth user experience for editing, previewing, and downloading.
  • Managing authentication and secure storage of user data.

Iterative testing and continuous learning helped overcome these challenges and deliver a fully functional, AI-powered resume builder.

Built With

Next.js, Node.js, Tailwind CSS, CSS, HTML, JavaScript, TypeScript, OpenAI Agents SDK, React Icons, Web3 APIs, Python, FastAPI, html2canvas, html2pdf.js, MongoDB, NextAuth, Nodemailer, React Hot Toast, Zustand and more...

Try It Out

Note: Sometimes the server may go down due to hosting limitations (like Railway server downtime). If you encounter an error while uploading an existing resume or using any feature, please try again after a few moments. This will allow the server to restart and function normally. Thank you for your patience!

Built With

Share this project:

Updates