[000] — Portfolio / 2026Open to opportunities

Andi Muh Haikal Lukman

Full Stack Developer

A dedicated Full Stack Developer with expertise in building responsive and user-friendly web applications using modern technologies across the entire development stack.

View ProjectsGet in Touch
Scroll ↓
CLEAN ARCHITECTURE /CONTINUOUS LEARNING /BACKEND FIRST THINKING /PRACTICAL SOLUTIONS /COLLABORATIVE GROWTH /CODE WITH PURPOSE /CLEAN ARCHITECTURE /CONTINUOUS LEARNING /BACKEND FIRST THINKING /PRACTICAL SOLUTIONS /COLLABORATIVE GROWTH /CODE WITH PURPOSE /
[001]

About

[001] — Manifesto

I'm a Full Stack Developer focused on building clean and sustainable systems.

I'm Haikal, a passionate Full Stack Developer based in Makassar. I specialize in building responsive and user-friendly web applications, blending modern frontend technologies with robust backend systems to deliver innovative solutions.

I have a strong background in PHP, Java, Python, and JavaScript, along with a deep understanding of data structures, algorithms, and software design.

Over the years, I've worked on diverse projects — from web applications and e-commerce sites to system integration — collaborating with people across technology, education, and government sectors.

Andi Muh Haikal Lukman — graduation portrait
FULL STACK↗
SCM Recruitment project
SCM RECRUIT↗
Sekelas learning platform project
SEKELAS↗
MetrikGo project
METRIKGO↗
Lab Management System project
LAB MS↗
International Class project
INT'L CLASS↗
Andi Muh Haikal Lukman — graduation portrait
UNIVERSITY↗
Andi Muh Haikal Lukman — graduation portrait
MAKASSAR↗
Scroll to spread↓
[002]

Stack

01

Languages

  • PHP
  • Java
  • Python
  • JavaScript
  • TypeScript
  • HTML5
  • CSS3
02

Frameworks & Libraries

  • Laravel
  • Flask
  • React
  • Next.js
  • Tailwind CSS
  • Bootstrap
  • Node.js
03

Databases

  • MySQL
  • PostgreSQL
  • MongoDB
04

Tools & Others

  • Git
  • GitHub
  • REST API
  • Figma
  • UX Design
  • VS Code
HOVER A SKILL TO TRACE ITS USAGE
SKILLS & TECHNOLOGIES
[003]

Projects

Real systems I've designed and shipped — from campus laboratory operations to production business software.

SCM Recruitment screenshot
CH.01 — Web Application · HR / Recruitment

SCM Recruitment

Recruitment management system built for PT Sulawesi Cahaya Mineral — an integrated platform for running the hiring process end-to-end, enhanced with AI integration to support recruitment decisions.

// System architectureClick a layer to inspect

Presentation:Login-gated dashboard interface for HR and recruitment staff.

1 / 3
  • →End-to-end integrated recruitment workflow
  • →AI integration for the recruitment process
  • →Built for PT Sulawesi Cahaya Mineral
  • HRIS
  • Recruitment
  • AI Integration
01 / 05
NEXT: MetrikGo
MetrikGo screenshot
CH.02 — Web Application · POS

MetrikGo

Full-featured POS system covering the whole sales cycle — products, customers, pricing, cash & debt ledgers (kas/kasbon), down payments, returns, warranties, and reports — with QR scanning and an integrated print server.

// System architectureClick a layer to inspect

Presentation:Next.js App Router UI (Tailwind) — POS screens for the full sales cycle.

1 / 4
  • →End-to-end sales flow: DP, retur, garansi, kasbon
  • →QR scanning + integrated print server
  • →Full audit log on every transaction
  • Next.js
  • TypeScript
  • Prisma
  • SQLite
  • Tailwind CSS
View source02 / 05
NEXT: Lab Management System
Lab Management System screenshot
CH.03 — Web Application · LMS

Lab Management System

Comprehensive laboratory operations platform: user management, classes, practicum sessions, QR-code attendance, multi-component grading, and final-score breakdown. React SPA frontend backed by a Flask REST API with JWT auth.

// System architectureClick a layer to inspect

Presentation:React SPA (Vite + Zustand) with role-based views: Admin, Lecturer, Assistant, Student.

1 / 4
  • →QR-code attendance for practicum sessions
  • →Multi-component grading & final-score breakdown
  • →Role-based access: Admin, Lecturer, Assistant, Student
  • React
  • Vite
  • Flask
  • MySQL
  • JWT
  • Zustand
View source03 / 05
NEXT: Sekelas
Sekelas screenshot
CH.04 — Web Platform

Sekelas

A modern learning platform built with Next.js — from a self-contained static landing page to a full web application, focused on clean presentation, responsiveness, and fast page loads.

// System architectureClick a layer to inspect

Presentation:Self-contained static landing page with zero client-side weight.

1 / 3
  • →Landing page + full app architecture
  • →Mobile-first responsive design
  • →Optimized with Next.js App Router
  • Next.js
  • TypeScript
  • Tailwind CSS
View sourceLive demo ↗04 / 05
NEXT: International Class
International Class screenshot
CH.05 — Web Platform · University

International Class

Official-style program website showcasing International Exposure activities, degree & IUP programs, news, and events — built with Laravel, Blade, Tailwind CSS, and Alpine.js with a DaisyUI component layer.

// System architectureClick a layer to inspect

Presentation:Blade + Tailwind/DaisyUI views with Alpine.js interactions.

1 / 3
  • →Degree & IUP program showcases
  • →News and event pages
  • →Laravel + Blade + Tailwind + Alpine stack
  • Laravel
  • PHP
  • Tailwind CSS
  • Alpine.js
  • DaisyUI
View source05 / 05
GET IN TOUCH
CLEAN ARCHITECTURE /CONTINUOUS LEARNING /BACKEND FIRST THINKING /PRACTICAL SOLUTIONS /COLLABORATIVE GROWTH /CODE WITH PURPOSE /CLEAN ARCHITECTURE /CONTINUOUS LEARNING /BACKEND FIRST THINKING /PRACTICAL SOLUTIONS /COLLABORATIVE GROWTH /CODE WITH PURPOSE /
[005]

Roadmap

How the work has evolved — from programming fundamentals to shipping production systems. Scroll to move through the phases.

// TRAJECTORYFUNDAMENTALS→WEB DEV→FULL STACK→LEADERSHIP→GRADUATION
Phase 01 / 052022

The Beginning

Started my Bachelor of Computer Science at Universitas Hasanuddin. Learned programming fundamentals, data structures, and object-oriented programming with Java.

  • Java
  • OOP
[006]

Certifications

  • 01

    Belajar Dasar Pemrograman Web

    Dicoding Indonesia

  • 02

    Belajar Dasar Pemrograman JavaScript

    Dicoding Indonesia

  • 03

    Belajar Membuat Front-End Web untuk Pemula

    Dicoding Indonesia

  • 04

    Belajar Dasar Git dengan GitHub

    Dicoding Indonesia

  • 05

    Belajar Pengembangan Web Intermediate

    Dicoding Indonesia

CLEAN ARCHITECTURE /CONTINUOUS LEARNING /BACKEND FIRST THINKING /PRACTICAL SOLUTIONS /COLLABORATIVE GROWTH /CODE WITH PURPOSE /CLEAN ARCHITECTURE /CONTINUOUS LEARNING /BACKEND FIRST THINKING /PRACTICAL SOLUTIONS /COLLABORATIVE GROWTH /CODE WITH PURPOSE /