Pixel Engineer

If the web is a symphony — I tune every single string.

Origin

Where pixel-perfect design meets high-performance code. I am Aftiyan, and for over two years, I’ve engineered precise architectures within the modern JS/TS ecosystem using React and Tailwind. By integrating fluid GSAP animations, I choreograph interactive, eye-catching digital aesthetics that elevate the modern web.

Experience

Front-End Web Developer

March 2024 - Present

LKP Karisma Academy

Building scalable, motion-rich web experiences for over 30,000 students through modern React patterns, fluid animations, and dedicated technical mentorship.

Fullstack Web Developer Internship

April 2023 - June 2023

PT. Jalin Mayantara Indonesia

Architecting a Laravel-based leave management platform by designing scalable MySQL databases and translating UX wireframes into responsive Tailwind components to meet complex business goals.

Digital Marketing Internship

Jan 2021 - May 2021

CV. Uno Media Indonesia

Driving a 25% increase in organic traffic through strategic SEO, while designing high-converting Elementor landing pages and crafting engaging content for health and wellness campaigns.

Selected Works

Karisma Academy

A unified educational platform and integrated LMS for Karisma Academy. Crafted to seamlessly deliver a dynamic curriculum of hybrid bootcamps, professional certifications, and global internship programs.

Next.jsTailwindCSSGSAPTypescript

Karisma Academy

(Hybrid version)

Co-developed a high-performance, fully responsive e-learning platform for the national Prakerja program that provides over 30,000 students across Indonesia with fast, uninterrupted access to educational materials on any device.

React.jsTailwindCSSGSAPAxiosReact ReduxTypescript

Talkie

A zero-barrier, anonymous discussion platform inspired by Reddit, designed to let users instantly join the conversation without needing to create an account.

Next.jsTailwindCSSAxiosTanStack QueryTypescriptDrizzleMySQLZodshadcn

Bercy

A framework-agnostic utility designed to identify and safely bulk-delete unused files in JavaScript and TypeScript repositories. It replaces manual cleanup with a fast, precise local dashboard.

Node.jsExpressJavaScriptKnipTailwindCSS

Landsale

An AI-powered generator that transforms product concepts into high-conversion landing pages in seconds, featuring automated copywriting and instant HTML export for production use.

React.jsTypescriptTailwindCSSLaravelSupabaseGemini APIDockerAxiosTanStack Form