Create Resumes

Create Resume is a modern React + TypeScript app for building professional resumes through a guided multi-step form. It includes a live preview, editable sections, local autosave, and support for exporting a polished resume.

The backend for PDF generation and resume processing lives in a separate repository:

https://github.com/Gitanuj993/create-resume-backend

Project Preview

A screenshot or short demo video can be added here once the app is ready for public showcasing.

Tech Stack

• React 19
• TypeScript
• Vite
• Tailwind CSS
• Lucide icons

Project Structure

create-resume-ui/
├── index.html
├── package.json
├── tsconfig.json
├── vite.config.ts
├── vercel.json
├── .env.example
├── .gitignore
├── README.md
├── src/
│   ├── App.tsx
│   ├── main.tsx
│   ├── index.css
│   ├── components/
│   │   ├── Header.tsx
│   │   ├── JsonPreview.tsx
│   │   ├── ProgressSidebar.tsx
│   │   ├── ResumePreview.tsx
│   │   └── forms/
│   │       ├── AchievementsForm.tsx
│   │       ├── EducationForm.tsx
│   │       ├── ExperienceForm.tsx
│   │       ├── PersonalForm.tsx
│   │       ├── ProjectsForm.tsx
│   │       ├── ReviewForm.tsx
│   │       ├── SectionOrder.tsx
│   │       ├── SkillsForm.tsx
│   │       ├── SocialLinksForm.tsx
│   │       └── SummaryForm.tsx
│   ├── services/
│   │   └── resumeApi.ts
│   ├── types/
│   │   └── resume.ts
│   └── utils/
└── dist/ (generated by build)

Features

• Guided flow for personal details, social links, summary, skills, experience, projects, achievements, and education
• Real-time resume preview while editing
• Section reordering for customizing the final document
• Local auto-save using browser storage
• Sample resume content and reset tools
• PDF export integration via the backend API

Local Setup

1. Clone the project

git clone https://github.com/<your-username>/create-resume-ui.git
cd create-resume-ui

2. Install dependencies

npm install

3. Start the frontend locally

npm run dev

The app runs locally at:

http://localhost:3000

4. Start the backend

This frontend proxies /resume requests to the backend service running locally at:

http://localhost:8000

Make sure the backend repository is running before generating the PDF:

https://github.com/Gitanuj993/create-resume-backend

If needed, override the default target with a local environment variable:

RESUME_API_TARGET=http://localhost:8000

Useful Commands

# run the dev server
npm run dev

# create a production build
npm run build

# preview the production build
npm run preview

# run TypeScript validation
npm run lint

Notes

• The frontend depends on a separate backend for PDF generation.
• The Vite dev server proxies resume-related requests to the backend.
• For deployment, ensure the backend service is reachable from your hosting environment.