Hey, I'm Adib.
Software Engineer

Experienced Software Engineer with 7+ years of expertise in React, TailwindCSS, and Next.js. I build scalable, high-performance web applications with a focus on clean architecture and minimal design.

Get in Touch
Available for new project

Selected Projects

A glimpse into some of my recent work and digital products.

BukuNilai
ReactTailwindCSSSupabaseEducation

BukuNilai

A digital gradebook application for teachers to efficiently manage, track, and analyze student grades and performance.

Color Contrast
ReactTailwindCSSAccessibilityWCAG

Color Contrast

A professional WCAG Contrast Checker tool designed to help designers and developers ensure their color choices meet web accessibility standards.

Sales Generator
LaravelReactInertia.jsTailwindCSSAI

Sales Generator

An AI-powered landing page builder that generates high-converting sales pages from user input, featuring template selection and HTML export.

Altpilot
LaravelReactWordPressStripePreline UI

Altpilot

An AI-powered alt-text generator for WordPress, featuring a Laravel dashboard and a custom React-based plugin with Stripe integration.

Klpk
React NativeMobile AppPublishing

Klpk

A mobile platform for authors to write, publish, and monetize their digital books directly to readers.

Allway
PreactReactExpress.jsAccessibility

Allway

A comprehensive accessibility solution featuring a lightweight widget for websites and a robust management dashboard.

Serayu.co.id
AstroReactTailwindCSS

Serayu.co.id

A professional company profile website for Serayu, built with modern web technologies to ensure high performance and seamless user experience.

About

I'm a seasoned Software Engineer specializing in building robust and scalable user interfaces. With over 7 years in the industry, I've mastered the art of combining aesthetic design with technical excellence.

"My mission is to build digital products that are not only visually stunning but also performant, accessible, and maintainable. I believe in clean code and the power of a well-crafted UI."

Nature
Architecture

Tech Stack

My primary toolbox for building modern, scalable, and performant web applications.

Frontend

React

Next.js

TypeScript

TailwindCSS

Astro

Backend

Node.js

NestJS

PHP

Laravel

Database & Infra

PostgreSQL

Docker

GraphQL

Redis

Core Skills

Specialized expertise developed over 7 years of building high-impact digital products.

01

Clean Architecture

Writing maintainable, scalable, and testable code using modern patterns like SOLID and Hexagonal.

02

Web Performance

Optimizing Core Web Vitals, implementing advanced caching, and ensuring lightning-fast load times.

03

Design Systems

Building robust, accessible component libraries that bridge the gap between design and code.

04

SEO & Accessibility

Ensuring digital products are discoverable by search engines and usable by people of all abilities.

Tools & Infrastructure

The ecosystem I use to ensure reliability, performance, and seamless delivery of software.

CI/CD & Automation

GitHub Actions, Husky, and automated release workflows.

GitHub ActionsHuskySemantic Release

Cloud & Hosting

AWS (S3, Lambda), Vercel, and Netlify for scalable deployments.

AWSVercelNetlify

Testing & QA

Unit & E2E testing with Jest, Playwright, and Cypress.

JestPlaywrightCypress

Monitoring & Analytics

Error tracking with Sentry and product analytics via PostHog.

SentryPostHogSegment