Contents
TABLE OF CONTENTS
Resumint - AI Resume Builder
CompletedReactNode.jsMongoDB+3 more

Resumint - AI Resume Builder

AI-powered resume builder that transforms professional details into optimized, recruiter-ready resumes using Google Gemini integration.

Timeline

3 Weeks

Role

Full Stack

Team

Solo

Status
Completed

Technology Stack

React
Node.js
Node.js
MongoDB
Google Gemini
Google Gemini
Tailwind CSS
Vercel

## Overview

Resumint is an AI-driven platform that simplifies the resume-building process. By integrating Google Gemini, it helps users generate professional summaries and work descriptions that are specifically optimized for Applicant Tracking Systems (ATS). The platform bridges the gap between raw professional experience and a polished, recruiter-ready document.

## Key Features

  • AI Content Generation: Leverages the Gemini 1.5 Flash model to write and optimize resume sections (summaries, experience bullets) effortlessly based on user prompts.
  • Live Preview: Real-time visualization of the resume document as users input their data, allowing for immediate feedback and formatting adjustments.
  • Sleek UI Library: Built with a custom prebuilt UI library that ensures a polished, professional, and accessible user experience across all form steps.
  • Responsive Templates: Minimalist and intuitive resume designs created with Tailwind CSS, ensuring output documents look great both digitally and printed.
  • Secure Authentication: JWT-based authentication allows users to create secure accounts to save, edit, and manage multiple resume versions over time.

## Technical Implementation

### Architecture

The project uses a robust MERN stack (MongoDB, Express.js, React, Node.js) architecture. The frontend handles complex, multi-step form states in React, providing immediate visual feedback. The Node.js backend serves as a secure middleware layer, managing database connections and securely communicating with the Google Gemini API to process user prompts and return high-quality professional text.

### AI Integration Layer

The backend integrates with the Google Gemini API using carefully crafted system prompts. This prompt engineering ensures the AI understands the context of resume writing—focusing on action verbs, quantifiable metrics, and ATS-friendly phrasing—rather than just generating generic text.

### Data Management

User profiles and resume configurations are persisted in MongoDB. This document-based database structure maps perfectly to the deeply nested JSON objects required to represent a full resume (education arrays, experience arrays, skill lists).

## Design Decisions

Real-time Preview over Post-Generation Rendering: Displaying the resume dynamically as the user types significantly reduces friction and improves the UX compared to standard form-wizards that only show the final result at the end.

Tailwind CSS for Document Styling: Instead of relying on traditional PDF generation libraries (which can be inflexible), the resume templates are built using standard HTML/CSS powered by Tailwind. This allows for pixel-perfect design in the browser before exporting.

## Challenges

AI Integration & Prompt Consistency: Getting the Gemini model to consistently return structured, professional resume bullets without hallucinations required extensive prompt engineering and temperature tuning.

Dynamic PDF Generation: Translating a highly styled HTML/CSS DOM element into a crisp, paginated PDF document directly from the browser presented significant cross-browser compatibility hurdles.

UX for Complex Forms: Resumes require massive amounts of data entry. Designing a form state management system in React that doesn't suffer from performance degradation as the data tree grows was a critical engineering focus.

Karansingh
Built with PostHog

Design & Developed by Karan Singh V

© 2026. All rights reserved

Command Palette

Search for a command to run...