SKAkash GherWeb Developer & HTML5 Game Specialist
HomeCase StudiesProjectsBlogWritingStudioStoreLabsAbout
Responsive Resume Builder
All Projects

Project Feature

Responsive Resume Builder

A browser-based resume builder that generates clean, ATS-friendly PDF resumes from a live-editing JSON form.

ReactResumePDFWeb App

Role

Full Stack Developer

ID

project-3

Tech Stack

React 19, TypeScript, Zustand, CSS Print API, Tailwind CSS

+
+
+
+

Overview

A web application that lets users build a professional resume through a structured form interface and instantly preview it in a pixel-perfect, print-ready layout. The resume template is built with pure CSS Grid — no external PDF library — leveraging the browser's native print engine for high-quality PDF export. Supports multiple template styles, custom color accents, section reordering via drag-and-drop, and shareable resume URLs.

Case
Blogs
Writings
Studio
Labs
Home
Projects
Store
About

Key Features

  • Live preview updates as user types — zero save button needed.
  • CSS Print API for pixel-perfect PDF export without external libraries.
  • Drag-and-drop section reordering with dnd-kit.
  • 3 professional templates: Minimal, Corporate, and Creative.
  • Shareable resume URL with read-only public view.
  • ATS keyword density indicator using basic NLP scoring.

Actions

Live Demo Source Code

Tech Stack

React 19TypeScriptZustandCSS Print APITailwind CSS
+
+

Gallery

Expand Image
Gallery snapshot 1
Expand Image
Gallery snapshot 2

Akash Gher

High-performance web experiences

Case StudiesProjectsStudioStoreLogin

© 2026 Akash Gher. All rights reserved.