vndangkhoa/kv-cv
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
14 commits 1 branch 0 tags 25 MiB
JavaScript 84.2%
CSS 13.5%
HTML 2.3%
Find a file
Vo Nguyen Dang Khoa 0aa03f16f7 feat: Add scroll-based VNDK logo animation, interactive flying letters
2026-04-28 11:51:27 +07:00
dist chore: build for production 2026-04-25 23:05:21 +07:00
node_modules Update Print Portfolio 2026-04-21 07:52:06 +07:00
public feat: Add AI agent SEO optimization (llms.txt, JSON-LD, robots.txt) 2026-04-22 13:47:33 +07:00
src feat: Add scroll-based VNDK logo animation, interactive flying letters 2026-04-28 11:51:27 +07:00
.DS_Store Initial commit 2026-04-19 11:08:18 +07:00
.gitignore feat: update portfolio with Simmonds Ltd design, light/dark theme, improved navigation 2026-04-25 23:03:54 +07:00
index.html feat: Add AI agent SEO optimization (llms.txt, JSON-LD, robots.txt) 2026-04-22 13:47:33 +07:00
llms.txt feat: Add AI agent SEO optimization (llms.txt, JSON-LD, robots.txt) 2026-04-22 13:47:33 +07:00
package-lock.json Update Print Portfolio 2026-04-21 07:52:06 +07:00
package.json Initial commit 2026-04-19 11:08:18 +07:00
postcss.config.js Initial commit 2026-04-19 11:08:18 +07:00
README.md feat: Add scroll-based VNDK logo animation, interactive flying letters 2026-04-28 11:51:27 +07:00
results.txt Initial commit 2026-04-19 11:08:18 +07:00
tailwind.config.js feat: update portfolio with Simmonds Ltd design, light/dark theme, improved navigation 2026-04-25 23:03:54 +07:00
vite.config.js Initial commit 2026-04-19 11:08:18 +07:00

README.md

KHOA.VO Portfolio

Personal portfolio website featuring dual personas (Creative & IT), with animated scroll-based branding experience.

Live Site

Features

Creative Side

  • Animated VNDK Logo: Flying letters that deconstruct/reconstruct during scroll
  • Scroll-triggered animation: Letters appear while scrolling, disappear when stopped
  • 2.5D floating effect: Letters wave and spread during scroll
  • Reconstructed footer: Full logo appears centered at bottom
  • Three viewing modes: Grid, List, Minimal
  • Image effects: Grayscale + pixelated + blur → Full color on hover
  • Enhanced project modal: Keyboard navigation (ESC, Arrow keys)

IT Side

  • Retro desktop UI: Draggable windows
  • CRT screen effects: Scanlines, vignette
  • Idle screensaver: 10s timeout with animated logo

Design

  • Dual persona: Creative Portfolio & IT Developer modes
  • Dark/light theme: Toggle between modes
  • Grid patterns: Subtle background textures
  • Phosphor green accents: #00FF94 signature color

Tech Stack

  • React 18
  • Vite
  • Tailwind CSS
  • Framer Motion
  • Lucide React

Getting Started

npm install
npm run dev

Build

npm run build

Deployment

The site deploys automatically via Forgejo CI/CD to:

License

MIT