FRONTEND DEVELOPER • CREATIVE CODER • FULLSTACK ENGINEER • FRONTEND DEVELOPER • CREATIVE CODER • FULLSTACK ENGINEER •

Portfolio v1.0

I BUILD
DIGITAL
EXPERIENCES

Hello, I'm Ahnan. A Fullstack Developer who turns lines of code into stunning visual experiences.

AHNAN

Tech Stack

THE TOOLS

Vue.js
Flutter
TypeScript
Tailwind CSS
Laravel
Pinia
React.js
MySQL
Python
Figma

WORKS WORKS WORKS

THE ARCHIVES

Selected Works 2025 - 2026

SurveyRent Hub

01 / 04

SurveyRent Hub

Role: Frontend Developer

SurveyRent Hub

A B2B web portal for measurement tool rentals and partner management. I was responsible for refactoring the architecture into Clean Code using Vue and TypeScript, separating a centralized API layer, managing global state with Pinia, and building a real-time order management system integrated with Barcode Scanners & Google Maps API.

Main Tech Stack:

Vue.jsTypeScriptPiniaTailwind CSSREST API
SurveyRent App

02 / 04

SurveyRent App

Role: Frontend Developer

SurveyRent App

A cross-platform mobile application for surveying tool rentals. My main focus was performing pixel-perfect UI slicing from Figma to Flutter, building a centralized HTTP Client with JWT auto-refresh, implementing real-time Order Tracking, and designing an interactive notification module.

Main Tech Stack:

FlutterDartMVC ArchitectureREST API
Modern E-Commerce

03 / 04

Modern E-Commerce

Role: Frontend Developer (Freelance)

Modern E-Commerce

Performed pixel-perfect UI slicing from Figma to responsive frontend code for an E-Commerce platform. I fully focused on implementing modern interface designs using a mobile-first approach, leveraging the reliability of Vue.js and React.js combined with CSS frameworks for a seamless shopping experience across devices.

Main Tech Stack:

Vue.jsReact.jsTailwind CSSFigmaUI/UX
Posyandu Digital

04 / 04

Posyandu Digital

Role: Full Stack Developer

Posyandu Digital

A Posyandu healthcare information system platform for digital data management and patient monitoring. I designed a dynamic CRUD system, optimized MySQL database relations and performance, and built an interactive UI/UX using Vue.js and Inertia.js integration.

Main Tech Stack:

LaravelVue.jsInertia.jsMySQL

CONTACT

Initialize Contact Sequence.

bash — ahnan.dev
AhnanOS [Version 1.0.0]
(c) 2024 Ahnan. All rights reserved.
Type 'help' to see available commands.
visitor@ahnan.dev:~$