Harvard Standard CV Generator
Harvard Standard CV Generator
Description
This web application allows professionals to generate flawless resumes following the Harvard University standard format. The project’s primary focus was User Experience (UX) and typographic precision, ensuring the final document meets the rigorous requirements of top-tier companies and academic institutions. It utilizes a modern “Islands Architecture” with Astro to guarantee near-instant loading times.
Key Features:
- Client-Side PDF Generation: Integrated React PDF to render and download the document directly from the browser, ensuring high-fidelity design without server-side delays.
- Intuitive Interface: Implemented a “Drag and Drop” system to dynamically reorder CV sections (Experience, Education, Skills) for a customized layout.
- Internationalization (i18n): Full multi-language support, allowing users to generate CVs in both English and Spanish with a single click.
- High-Quality Components: UI built with shadcn/ui and Tailwind CSS, ensuring a clean, modern, and fully accessible design.
- Extreme Performance: Developed using Bun as the runtime and deployed on Cloudflare for minimal latency and ultra-fast build times.
Technologies used:
- Frontend: Astro (Islands Architecture), React, Tailwind CSS, shadcn/ui.
- State & Logic: Nano Stores (lightweight state management), i18n-next.
- Generation Tools: React PDF, dnd-kit (Drag and Drop).
- Environment & Testing: Bun (Runtime), Vitest (Unit & Component testing).
- Deployment: Cloudflare Pages with automated CI/CD pipelines.
Project Role:
- Designed and developed the full application architecture, prioritizing concerns separation by using Nano Stores to share state between Astro islands. Implemented the complex logic for PDF generation and the dynamic section reordering system. Configured the testing environment with Vitest and established the continuous deployment pipeline on Cloudflare.
Impact:
The project removes the technical friction of formatting a professional CV, allowing users to focus entirely on their content. It demonstrates advanced mastery of modern web architectures, client-side binary file handling (PDF), and the implementation of professional development workflows (CI/CD and Testing).
Technical Stack
- Astro
- React
- Tailwind CSS
- shadcn/ui
- Nano Stores
- React PDF
- i18n
- Bun
- Vitest
- Cloudflare Pages
Features
- Real-time preview (Live Editing)
- Section reordering (Drag & Drop)
- Multi-language support
- Instant PDF export
- Integrated data validation