Skip to content
Affan.

Hello, I'm

I build modern, responsive and interactive web interfaces.

Explore my work

ABOUT

Thoughtful
interfaces.
Playful
interactions.

I'm a frontend developer focused on building modern, responsive, and well-crafted web interfaces. I enjoy translating ideas and interface designs into products that feel clear, fast, and comfortable to use.

My main interest is frontend development, particularly React-based applications, interaction, and web animation. I also work with Flutter for mobile development, which has helped me understand interface implementation across different screen sizes and platforms.

I enjoy learning how design and engineering can work together—not only to make an interface look good, but also to make it structured, maintainable, responsive, and useful for the people who use it.

SELECTED
WORK

A few things
I've built.Web, mobile, and interactive experiences.

Hover or focus a card to preview.Tap to preview. Tap again to explore.

EXPERIENCE

  • Internship project

    Full-stack Developer — Internship

    ProjectCassablanca

    A responsive e-commerce and brand website for a men's grooming product, combining product presentation, customer purchasing flows, payment integration, and administrative tools.

    Technologies
    • React
    • Laravel
    • Midtrans
    • GSAP
  • Mobile project

    Mobile / Frontend Developer

    ProjectSIMPAD

    A Flutter-based school attendance and alumni application with role-based workflows, QR attendance, schedules, notifications, and API-driven data integration.

    Technologies
    • Flutter
    • Dart
    • REST API
    • Firebase

EDUCATION

  • D3 Teknik Informatika

    Student

SKILLS

The tools behind
the experience.

Interaction study

Same elements. Different possibilities.

Frontend Development

React

  • Next.js
  • TypeScript
  • JavaScript
  • HTML
  • CSS
  • Tailwind CSS

Mobile Development

Flutter

  • Dart

Interaction

Web animation

  • GSAP
  • ScrollTrigger
  • Lenis
  • Three.js

Tools & Development

  • Git
  • GitHub
  • Vite
  • REST API

Backend familiarity

  • Laravel
  • MySQL

Have a project or want to work together?

LET'S WORK
TOGETHER.

Good things start with a conversation.