Enoch Philip - Portfolio Website

Engineering the Portfolio

While many developers use simple templates for their portfolios, I built this site from scratch using the Next.js App Router to serve as a live demonstration of my frontend engineering, performance optimization, and UI design skills.

Performance & SEO Architecture

Achieving top-tier Lighthouse scores and ensuring the site is discoverable by recruiters required a highly optimized architecture:

• MDX for Content: Instead of relying on a heavy CMS, all case studies are written in .mdx files and parsed statically at build time. This allows for rich components (like Mermaid charts and Syntax-highlighted code blocks) without the runtime overhead.
• Centralized Data Source: A single site.config.ts file acts as the source of truth for all projects, experiences, and social links, keeping the UI components clean and purely presentational.
• Dynamic SEO: The site features fully dynamic sitemap.ts and robots.ts generation, alongside structured JSON-LD metadata for optimal Google search indexing.

Modern UI & Animations

The visual identity of the portfolio leverages modern web design trends:

• Windows 11 Bloom: A subtle, globally fixed background glow effect that bleeds through transparent sections to create a cohesive, vibrant feel.
• Glassmorphism: Navigation menus and interactive cards utilize backdrop-blur utilities to maintain depth.
• Performance-Conscious Animations: The tech stack marquee is purely CSS-driven (avoiding heavy JS animation libraries) and the heavy background filters are hidden on mobile (md:block) to prevent GPU lag on lower-end devices.