How fuerys/resume-mill works
Resume Mill is a Next.js resume and portfolio builder. Users enter profile details and career sections, preview them in selectable resume layouts, then export a portfolio ZIP; drafts are saved in browser local storage. The tree and excerpts support the builder, template exploration, site pages, donation UI, and two API routes, but do not show the API routes’ callers or backend integrations. The graph focuses on the evidenced builder and template flow; links among API services and UI are omitted where wiring is not shown.
Main entry points: builder/page.jsx Builder Workflow · ResumePreview.jsx Live Preview · resume/page.jsx Resume Explorer · GroupDeleteModal.jsx Group Delete Dialog
Components 29
Resume Builder
- Builder Workflow
src/app/builder/page.jsx - Step Navigation
src/components/builder/ResumeBuildProgressNav.jsx - Profile Form
src/components/builder/PersonalInfoForm.jsx - Experience Form
src/components/builder/ExperienceForm.jsx - Projects Form
src/components/builder/ProjectsForm.jsx - Education Form
src/components/builder/EducationForm.jsx - Skills and Extras
src/components/builder/SkillsLanguagesCertificationsForm.jsx - Group Editor
src/components/builder/GroupHeader.jsx - Group Delete Dialog
src/components/builder/GroupDeleteModal.jsx - Live Preview
src/components/builder/ResumePreview.jsx - Page Partitioning
src/utils/pagePartitioner.js - Portfolio ZIP Export
src/utils/zipGenerator.js - Export Panel
src/components/builder/ExportPanel.jsx
Resume Templates
- Template Gallery
src/app/templates/page.jsx - Portfolio Example
src/app/templates/portfolio/page.jsx - Resume Explorer
src/app/templates/resume/page.jsx - Example Resume Data
src/components/Templates/mockData.js - Modern Layout
src/components/Templates/resume/Modern_Page.jsx - Elegant Layout
src/components/Templates/resume/Elegant_Page.jsx - Creative Layout
src/components/Templates/resume/Creative_Page.jsx - Timeline Layout
src/components/Templates/resume/Timeline_Page.jsx - Template Helpers
src/components/Templates/resume/templateHelpers.js
Public Site
- Home Page
src/app/page.jsx - Global Shell
src/app/layout.jsx - Navigation
src/components/Header.jsx - Donation UI
src/components/DonationModal.jsx
API Services
- Optimize API
src/app/api/optimize/route.js - Stats API
src/app/api/stats/route.js
Other components
- Visitor
Connections 36
- Visitor → Home Page: opens
- Visitor → Builder Workflow: builds resume
- Global Shell → Navigation: renders
src/app/layout.jsx - Home Page → Donation UI: renders
src/app/page.jsx - Builder Workflow → Donation UI: renders
src/app/builder/page.jsx - Visitor → Resume Explorer: browses layouts
- Resume Explorer → Modern Layout: previews
src/app/templates/resume/page.jsx - Resume Explorer → Elegant Layout: previews
src/app/templates/resume/page.jsx - Resume Explorer → Creative Layout: previews
src/app/templates/resume/page.jsx - Resume Explorer → Timeline Layout: previews
src/app/templates/resume/page.jsx - Resume Explorer → Example Resume Data: uses examples
src/app/templates/resume/page.jsx - Builder Workflow → Step Navigation: renders
src/app/builder/page.jsx - Builder Workflow → Profile Form: renders
src/app/builder/page.jsx - Builder Workflow → Experience Form: renders
src/app/builder/page.jsx - Builder Workflow → Projects Form: renders
src/app/builder/page.jsx - Builder Workflow → Education Form: renders
src/app/builder/page.jsx - Builder Workflow → Skills and Extras: renders
src/app/builder/page.jsx - Experience Form → Group Editor: renders
src/components/builder/ExperienceForm.jsx - Experience Form → Group Delete Dialog: renders
src/components/builder/ExperienceForm.jsx - Projects Form → Group Editor: renders
src/components/builder/ProjectsForm.jsx - Projects Form → Group Delete Dialog: renders
src/components/builder/ProjectsForm.jsx - Education Form → Group Editor: renders
src/components/builder/EducationForm.jsx - Education Form → Group Delete Dialog: renders
src/components/builder/EducationForm.jsx - Skills and Extras → Group Delete Dialog: renders
src/components/builder/SkillsLanguagesCertificationsForm.jsx - Builder Workflow → Live Preview: renders
src/app/builder/page.jsx - Live Preview → Modern Layout: selects layout
src/components/builder/ResumePreview.jsx - Live Preview → Elegant Layout: selects layout
src/components/builder/ResumePreview.jsx - Live Preview → Creative Layout: selects layout
src/components/builder/ResumePreview.jsx - Live Preview → Timeline Layout: selects layout
src/components/builder/ResumePreview.jsx - Live Preview → Page Partitioning: partitions pages
src/components/builder/ResumePreview.jsx - Creative Layout → Template Helpers: groups sections
src/components/Templates/resume/Creative_Page.jsx - Timeline Layout → Template Helpers: uses icons
src/components/Templates/resume/Timeline_Page.jsx - Builder Workflow → Portfolio ZIP Export: generates ZIP
src/app/builder/page.jsx - Builder Workflow → Export Panel: renders
src/app/builder/page.jsx - Visitor → Optimize API: requests
- Visitor → Stats API: requests