64 lines
No EOL
1.5 KiB
Markdown
64 lines
No EOL
1.5 KiB
Markdown
# KHOA.VO Portfolio
|
|
|
|
Personal portfolio website featuring dual personas (Creative & IT), inspired by Simmonds Ltd design aesthetics.
|
|
|
|
## Live Site
|
|
|
|
- **Main**: https://khoavo.myds.me
|
|
- **Creative Works**: https://portfolio.khoavo.myds.me (redirects to main)
|
|
|
|
## Features
|
|
|
|
### Creative Side
|
|
- **Three viewing modes**: Grid, List, Minimal
|
|
- **Image effects**: Grayscale + pixelated + blur → Full color on hover
|
|
- **Enhanced project modal**: Keyboard navigation (ESC, Arrow keys)
|
|
- **Professional Journey**: Longer, more detailed for HR/readability
|
|
|
|
### IT Side
|
|
- **Retro desktop UI**: Draggable windows
|
|
- **CRT screen effects**: Scanlines, vignette
|
|
- **Idle screensaver**: 5s timeout with animated logo
|
|
|
|
### Design
|
|
- **Simmonds Ltd inspired**: Dark/light theme, grid patterns, phosphor green accents
|
|
- **Typography**: Syne (display) + IBM Plex Mono
|
|
- **Default theme**: Light
|
|
|
|
### Print CV (Downloadable PDF)
|
|
- Professional B&W print-friendly A4 format
|
|
- Two-column layout: Sidebar (contact, skills, education) + Main content
|
|
- Includes all 8 job experiences from Graphic Artist to AI Creative Lead
|
|
- Strategic IT Projects section showcasing Full-Stack development skills
|
|
- Awards & Recognition section
|
|
- Clean, minimal design optimized for HR/recruiters
|
|
|
|
## Tech Stack
|
|
|
|
- React 18
|
|
- Vite
|
|
- Tailwind CSS
|
|
- Framer Motion
|
|
- Lucide React
|
|
|
|
## Getting Started
|
|
|
|
```bash
|
|
npm install
|
|
npm run dev
|
|
```
|
|
|
|
## Build
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
## Print CV
|
|
|
|
Press the "Download CV" button or use `window.print()` to generate the PDF CV.
|
|
Select "Save as PDF" in the print dialog.
|
|
|
|
## License
|
|
|
|
MIT |