ResuCraft AI
Back to Home

ResuCraft AI

Visit Live Site

An AI-powered ATS-friendly resume builder featuring real-time AI coaching and interactive A4 previews.

Next.jsReactTypeScriptTailwind CSSStepFun AIPDF Generation

Overview

ResuCraft AI is an AI-assisted resume builder designed to help job seekers create professional, ATS-optimized resumes. The application integrates an AI Resume Coach powered by StepFun AI to analyze descriptions and recommend key enhancements in real time, alongside featuring 10 premium, recruiter-vetted templates and direct browser-based PDF printing.

Core Architecture

  • Frontend FrameworkNext.js (App Router), React, TypeScript
  • AI IntegrationStepFun AI for context-aware resume analysis and description coaching
  • Styling & LayoutTailwind CSS, Plus Jakarta Sans & Outfit fonts for modern typography
  • Data FlowDynamic live forms updating a synchronized A4 print-ready preview
  • DeploymentVercel

Key Features

  • AI Resume Coach providing contextual rewriting suggestions and ATS keyword integration.
  • 10 premium templates optimized for recruiter scan rates and parsing tools.
  • Real-time, interactive A4 layout preview reflecting edit states instantly.
  • Direct browser-based PDF exporting with zero watermarks or pagination shifts.
  • Guided onboarding workflow designed to lead candidates step-by-step to a finished document.

Challenges Solved

  • Dynamic Layout Synchronization: Keeping the interactive A4 preview perfectly scaled and formatted to match physical dimensions across varying devices.
  • Structured Extraction & Parsing: Setting up robust AI prompts and streaming interfaces to ensure StepFun AI outputs well-structured, relevant bullet recommendations.
  • CSS Print Styling (A4): Engineering custom CSS print media overrides to support flawless PDF exports directly through the browser print subsystem.

Outcome & Impact

Built a fully featured, high-engagement AI Resume builder demonstrating seamless LLM API integration, responsive state rendering, and robust browser-based document generation pipelines.