My Portfolio

• Portfolio – cyprien.in
• Resume – cyprien.in/resume.html

Built with Vite, React, TypeScript, Tailwind CSS, and shadcn/ui.

Development

npm install
npm run dev # start dev server (http://localhost:5173)
npm run build # production build → dist/
npm run preview # serve the production build locally

Resume PDF generation

Resume PDFs are built from LaTeX sources in src/resume-sources/. Install a TeX distribution with latexmk before running the PDF generator locally:

# macOS
brew install --cask mactex
# Ubuntu / Debian
sudo apt-get update
sudo apt-get install -y latexmk texlive-fonts-extra texlive-latex-extra
# Windows
winget install MiKTeX.MiKTeX

Then generate the PDFs:

npm run generate:resume-pdfs

Generated PDFs are written to public/resumes/. npm run build runs this automatically before building the site; GitHub Pages CI installs the Linux TeX packages in .github/workflows/deploy.yml.

Resume variants

Resume PDF variants are defined in src/data/pdfVariants.json. To add a new shareable variant, add a LaTeX project under src/resume-sources/<slug>/ and add an entry like:

{ "slug": "ml", "label": "ML-focused", "file": "ccd97-resume-ml.pdf" }

npm run dev and npm run build automatically generate clean resume pages and update public/sitemap.xml. Use the generated /resume/<slug> URL when sharing on LinkedIn, Facebook, or other social previews.

Project structure

src/
├── components/
│ ├── portfolio/ # portfolio page components
│ ├── resume/ # resume page components
│ └── ui/ # shadcn/ui primitives
├── data/ # fallback JSON used when remote APIs are unreachable
├── lib/ # utilities, fetchers, formatters
├── pages/ # PortfolioPage, ResumePage
├── types/ # shared TypeScript types
├── main.tsx # entry for index.html
├── resume.tsx # entry for resume.html
└── index.css # Tailwind + CSS variables

Deployment

Deployed automatically to GitHub Pages via .github/workflows/deploy.yml on every push to master.

One-time setup: in the repo's Settings → Pages, set Source to GitHub Actions and configure the custom domain as cyprien.in.