Senior Engineer
at Netflix
A modern portfolio website showcasing professional experience and technical expertise. Built with Next.js 14, featuring live GitHub contributions, real-time experience counter, and full internationalization.
Key Features
Interactive elements that bring the portfolio to life
GitHub Contributions
Live contributions graph fetched via GitHub GraphQL API with smart rate limiting and intelligent caching.
Experience Counter
Real-time career duration counter showing years, months, and days since August 2017.
Journey Timeline
Interactive career timeline with Intersection Observer for smooth scroll-triggered animations.
Full i18n Support
Complete English and Brazilian Portuguese localization using next-intl with seamless language switching.
Dark Mode Design
Elegant dark theme with emerald, cyan, and blue gradient accents throughout the interface.
SEO Optimized
Full SEO implementation with JSON-LD schemas for Person, Website, and AboutPage.
Performance First
Optimized with Next.js App Router, React Server Components, and image optimization.
Fully Responsive
Mobile-first design that looks great on all devices from phones to ultrawide monitors.
Website Pages
Five carefully crafted pages, each with bilingual content
Home
Hero section with animated text and call-to-action buttons
About
Professional journey with GitHub graph and experience counter
Resume
Detailed work history, skills, and downloadable PDF
Projects
Portfolio showcase with project cards and filters
Contact
Contact form and social media links
Next.js Architecture
Modern App Router structure with server and client components
Technology Stack
Modern tools for a modern portfolio
Framework
- Next.js 14
- React 18
- TypeScript 5.7
- App Router
- Server Components
Styling
- Tailwind CSS 3.4
- shadcn/ui
- Radix UI
- Framer Motion
- CSS Variables
APIs & Data
- GitHub GraphQL
- next-intl
- JSON-LD
- REST APIs
- ISR Caching
Performance
- Image Optimization
- Code Splitting
- Edge Runtime
- Prefetching
- Lazy Loading
SEO & Performance
Built for discoverability and speed
Rich Metadata
Complete Open Graph, Twitter Cards, and structured data for optimal social sharing.
JSON-LD Schemas
Person, Website, and AboutPage schemas for enhanced search engine understanding.
Canonical URLs
Proper hreflang tags and canonical URLs for each language variant.
Core Web Vitals
Optimized for LCP, FID, and CLS with server-side rendering and static generation.
Explore the Portfolio
Visit the live website or browse the source code on GitHub.