Portfolio Website

filipemendes.dev

Portfolio platform presenting projects, documentation and a developer profile.

Designed and built to showcase frontend engineering work through project pages, technical docs and personal presentation.

Multi-page Portfolio Experience
Separate routes for homepage, projects, docs and CV content.
Structured Work Showcase
Projects and profile content structured for clear, efficient review.
Responsive Cross-Device Layouts
Browse the same content cleanly across desktop, tablet and mobile.

Printable CV Route
CV route optimized for browser viewing and clean PDF export.
Polished Interface Design
Motion, spacing and hierarchy tuned for a cleaner reading flow.

Hybrid Rendering Strategy
Next.js routes use server rendering, static generation or client interactivity based on content needs.
Cookie-Based Theme Sync
Theme cookies keep server and client output aligned from first paint.
Coordinated Motion System
Shared Framer Motion patterns coordinate staggered transitions across pages and sections.

Fluid Responsive Layouts
Clamp-based sizing and media queries adapt spacing, type and layout across screen sizes.
Automated Metadata & SEO
Metadata, sitemap, robots and social previews are generated from shared content sources.

Next.js
TypeScript
App Router
Framer Motion
CSS Modules