This website is not just a CV; it is a custom-engineered technical showcase designed to reflect the precision and performance required in Geospatial Data Science.
The Technical Challenge
Standard site builders and heavy frameworks (like React or Next.js) often introduce unnecessary overhead for content-heavy portfolios. My goal was to build a zero-bloat, high-performance environment that achieves perfect scores in Core Web Vitals while maintaining a sophisticated, "Dark Mode" technical aesthetic.
Engineering Highlights
- Vanilla Architecture: Built with pure HTML5, CSS3 (Modern Grid/Flexbox), and optimized Vanilla JavaScript to ensure sub-second loading times.
- Component-Based Logic: Even without a framework, the site uses modular logic for the Skill-Grid and the Learning Journey timeline, ensuring easy maintainability.
- Performance First: * 100/100 Lighthouse Scores (Performance, Accessibility, SEO).
- Optimized Asset Pipeline (WebP images, minified assets).
- Smooth-scroll and reveal-on-scroll logic implemented without heavy external libraries (GSAP-free).
- Responsive Geospatial Design: Custom CSS breakpoints to ensure the complex T-Shaped skill matrix and horizontal timelines remain legible on all devices, from mobile to ultra-wide monitors.
The Design Language: "Terrain AI"
The visual identity follows a "Deep Tech / Geospatial" aesthetic. Using a restricted color palette (Deep Carbon, Tech Blue, Signal Green), the design mimics the interface of a high-end GIS or a specialized AI monitoring tool.
Why it matters
As a Lead, I believe that the medium is the message. By building this site from scratch, I demonstrate:
1. Full-Stack Competency: Beyond Python and SQL, I understand the modern web stack.
2. Attention to Detail: Precision in typography, spacing, and performance metrics.
3. Product Ownership: The ability to take a concept (Personal Brand) and execute it to a production-ready standard.