Vivi – Professional Portfolio Website
One-page professional portfolio with dark theme, scroll animations, and metric counters. Built with vanilla HTML/CSS/JS powered by Vite.
Year
2026
Team
1 developer
Duration
1 week
Client
Viviana Sinchiguano
Project Overview
Vivi is a personal professional portfolio built as a one-page SPA using pure HTML5, CSS3, and vanilla JavaScript (ES Modules) — no frameworks needed. The site features a complete dark-theme design system with CSS variables and Google Fonts, scroll-reveal animations powered by IntersectionObserver, an animated metrics/results section, mobile hamburger navigation with auto-close, active section highlighting, and a polished contact form simulation. Vite handles the dev server and production build pipeline, with Vercel for automatic deployment.
Key Features
Results & Impact
load with Vite-optimized production build
UX with zero external JS libraries
responsive across all screen sizes
deploy to Vercel on every push
Technologies Used
Color Palette
Primary
#0d1117ff
Secondary
#06b6d4ff
Accent
#a3e635ff