Afif Faisal
Header Image

Web

Open Source

Afif Faisal Portfolio

2026

|

Surabaya, Indonesia

Modern developer portfolio and interactive project showcase featuring high-definition device mockups, dark/light theme switching, and conversational AI assistant.

Tech Stack
Next.jsNext.jsReactReactTypeScriptTypeScriptTailwind CSSTailwind CSS
HIGHLIGHTS
PortfolioShowcase CarouselDevice MockupDark ModeAI Assistant
Afif Faisal Portfolio - Preview

Afif Faisal Portfolio is a modern personal developer portfolio website built with Next.js 16, React 19, and Tailwind CSS. Designed with a clean, high-contrast monochrome aesthetic, the site showcases technical projects, professional work experience, certifications, and interactive engineering demonstrations.

Problem

Traditional portfolio websites are often static and difficult to maintain, lacking interactive depth, responsive design considerations, and visual polish that properly reflect modern software engineering and frontend craftsmanship.

Goal / Use Case

To build a high-performance, modular, and content-driven portfolio that presents professional milestones with clarity, featuring responsive device mockups, dynamic case studies, an interactive AI assistant, and seamless dark and light theme transitions.

Impact

Created a unified personal brand platform that delivers an engaging, responsive experience across all screen sizes, achieving exceptional Lighthouse performance scores and providing visitors with an authentic, interactive showcase of software development capabilities.

Development Duration

The portfolio was designed and developed over approximately three weeks, covering layout design, component architecture, content integration, and production performance tuning.

Want to build something similar?

Every great product starts with a conversation. Get in touch and let's discuss how I can bring your project to life.