A modern, responsive CV website built with Vite, Lit, TypeScript, and Tailwind CSS.
- Built with Lit web components for maintainability
- Styled with Tailwind CSS for modern, responsive design
- TypeScript for type safety
- Fast development and build with Vite
- Ready to deploy as a static site
npm run devThis starts the development server at http://localhost:5173/
npm run buildThis creates a production build in the dist/ directory.
npm run previewPreview the production build locally.
Edit the content in src/cv-app.ts:
-
Personal Information (lines 26-32):
fullName: Your full namejobTitle: Your job title/roleemail,phone,location: Contact detailslinkedin,github: Social links
-
Summary (line 34):
- Brief professional summary
-
Experience (lines 36-52):
- Add/edit work experience entries
- Each entry has: title, company, period, description array
-
Education (lines 54-61):
- Add/edit education entries
- Each entry has: degree, institution, period, optional details
-
Skills (lines 63-77):
- Organize skills by category
- Each category has a name and items array
├── src/
│ ├── cv-app.ts # Main CV component
│ └── index.css # Global styles with Tailwind
├── index.html # Entry point
└── package.json # Dependencies
After building, deploy the dist/ folder to:
- GitHub Pages
- Netlify
- Vercel
- Any static hosting service
For GitHub Pages from this repo:
- Build:
npm run build - Push the
dist/folder to your repository - Configure GitHub Pages to serve from the
dist/directory
- Vite - Fast build tool and dev server
- Lit - Lightweight web components library
- TypeScript - Type-safe JavaScript
- Tailwind CSS v4 - Utility-first CSS framework