A Masterclass in High-Performance, Framework-less Web Architecture
Welcome to the source code of my personal portfolio. Instead of reaching for heavy, modern frameworks right off the bat, I challenged myself to build a premium, highly-responsive web experience from scratch.
The goal? Maximum performance, seamless accessibility, and an uncompromised "Emerald Glow" aesthetic.
- 🌙 Dark-Mode First Aesthetic: Implemented a sophisticated, modern dark theme ("Emerald Glow") utilizing CSS variables for a deep, rich user experience.
- ⚡ Zero-Dependency Architecture: Built solely with semantic HTML5, modern vanilla CSS3, and lightweight JavaScript. No React, no Next.js, no bloated node_modules.
- 🎨 Dynamic Micro-Animations: Features custom scroll-reveal effects, smooth state transitions, and responsive hover states that make the interface feel alive.
- 📱 Fluid Responsiveness: A custom CSS Grid & Flexbox layout system that adapts flawlessly from ultra-wide 4K monitors down to mobile devices.
- 📈 SEO & Performance Optimized: Achieves perfect Core Web Vitals scores by eliminating render-blocking resources and keeping the DOM incredibly lean.
- HTML5: Semantic, accessible structure.
- CSS3: Variables, Flexbox, CSS Grid, and custom animations.
- JavaScript (ES6+): Lightweight DOM manipulation for the mobile nav and theme toggling.
In a world obsessed with frameworks, going back to basics is a superpower. By building this without abstractions, I maintained complete control over every single byte sent over the wire, resulting in a lightning-fast portfolio that ranks perfectly on performance audits while still looking stunning.
Built with ☕ and modern web standards by Vijay Olety