Portfolio · Full-Stack Web DeveloperAvailable for opportunities

Abni BasitFull-Stack Web Developer

I'm a full-stack web developer building web applications and backend systems with Laravel, Next.js, CodeIgniter, and MySQL, with practical experience in building production HR systems and mentoring student developers.

View Selected Work

View Resume

GitHub

Contact Me

Location: Jakarta, Indonesia
Preference: On-site / Hybrid
Status: Full-time · Junior to Mid-level

Selected Work

Selected projects I've built

Each project features a detailed case study explaining the context, engineering decisions, and technical implementation details.

Kulkas Berisi

Full-Stack Developer · Solo

Live

Zero-Waste AI web application that transforms leftover fridge ingredients into delicious recipes before expiry.

Next.js
TypeScript
Tailwind CSS
OpenAI API
Vercel

Repo

Case Study

NgopiGo

Full-Stack Developer · Solo

Live

Intuitive online coffee ordering platform eliminating long queues during peak coffee shop hours.

Laravel
PHP
MySQL
Tailwind CSS
JavaScript

Repo

Case Study

Cek API — API Key Monitor

Full-Stack Developer · Solo

Live

Utility web application for validating status, quota usage, rate limits, and latency of API keys instantly.

Next.js
TypeScript
Tailwind CSS
REST API
Vercel

Repo

Visit Site Case Study

Pelita Hati — Digital Posyandu

Full-Stack Developer · Solo

Live

Integrated healthcare platform and digitized healthcare data management system for child growth monitoring & stunting prevention.

Laravel
PHP
MySQL
Tailwind CSS
JavaScript

Repo

Case Study

About Me

Background & Engineering Focus

Brief background, developer community engagement, and tech conference & workshop documentation.

I am a Full-Stack Web Developer who not only loves crafting clean code, but is also passionate about continuous learning through tech communities and developer summits.

I actively attend various tech conferences, seminars, and developer workshops—such as Qwen x buildclub.ai Summit, OpenClaw Meetup JKT #1, TiDB x Buildclub.ai Meetup, mem9 Build Night, Build with TRAE @Jakarta, and Claude Indonesia Community Launch—to stay at the forefront of AI, distributed data architecture, modern web performance, and software engineering best practices.

For me, attending tech events is the best way to connect with industry practitioners, exchange ideas on problem-solving, and absorb best practices that I directly apply to production-grade applications.

Core Focus: Full-Stack Web DevLaravel, Next.js, React, TypeScript, PHP & MySQL.
Community & Events: Tech Summits & MeetupsRegular attendee at AI & web developer conferences.
Engineering Standards: Clean Code & PerformanceModular system design and precision UI/UX.
Availability: Full-Time RolesOpen for On-site / Hybrid positions in Jakarta.

Jakarta, Indonesia · On-site / Hybrid

Tech Events

Tech Conferences & Summits

Expanding software engineering perspectives through active presence at tech summits, AI workshops, and developer meetups. Click the photo deck to cycle through photos.

AI & LLM WorkshopJakarta, Indonesia

Qwen x buildclub.ai (Getting started with Qwen 2.5) 1

Qwen x buildclub.ai (Getting started with Qwen 2.5) 2

Qwen x buildclub.ai (Getting started with Qwen 2.5)

Exploration & integration workshop on Qwen 2.5 models with the buildclub.ai community.

Developer MeetupJakarta, Indonesia

OpenClaw Meetup JKT #1 🦞

Developer meetup and networking session at OpenClaw Meetup JKT #1 in Jakarta.

Data & AI MeetupJakarta, Indonesia

TiDB x Buildclub.ai Meetup : Mastering Best Practices in Data & AI 1

TiDB x Buildclub.ai Meetup : Mastering Best Practices in Data & AI 2

TiDB x Buildclub.ai Meetup : Mastering Best Practices in Data & AI

Learning best practices in TiDB distributed database architecture & AI integration with Buildclub.ai.

AI Build NightJakarta, Indonesia

Give Your AI a Forever Memory: mem9 Setup & Build Night 1

Give Your AI a Forever Memory: mem9 Setup & Build Night 2

Give Your AI a Forever Memory: mem9 Setup & Build Night

Hands-on setup session exploring long-term AI memory architectures during mem9 Build Night.

Skills & Stack

Technologies & Engineering Tools

Technologies used across production systems and real-world applications.

HTML5CSS3JavaScriptTypeScriptReactNext.jsTailwindPHPLaravelCodeIgniter 3REST APIMySQLGitGitHub

ViteBootstrapNode.jsExpressPostgreSQLSQLiteFirebaseSupabaseFlutterDartAndroid StudioPostmanFigmaCanvaVS CodeNPMLaragonPowerShellPrettierNodemonFFmpegNetlifyCloudflare

Frontend

Crafting clean, responsive, and high-performance UI from scratch and modern frameworks.

HTML5 (core skill)
CSS3 (core skill)
JavaScript (core skill)
TypeScript (core skill)
React (core skill)
Next.js (core skill)
Vite
Tailwind (core skill)
Bootstrap

Backend

Production experience across PHP and Node.js ecosystems—building REST APIs and server-side architectures.

PHP (core skill)
Laravel (core skill)
CodeIgniter 3 (core skill)
Node.js
Express
REST API (core skill)

Database & Cloud

Designing relational schemas, complex queries, and integrating cloud BaaS solutions.

MySQL (core skill)
PostgreSQL
SQLite
Firebase
Supabase

Mobile

Building cross-platform and native mobile applications.

Flutter
Dart
Android Studio

Tools & Ecosystem

Daily toolkit for version control, API testing, dev environments, deployment, and workflow automation.

Git (core skill)
GitHub (core skill)
Postman
Figma
Canva
VS Code
NPM
Laragon
PowerShell
Prettier
Nodemon
FFmpeg
Netlify
Cloudflare

Example= core skills & primary tech stack.

Experience

Work & Engineering History

Ordered chronologically. Demonstrating measurable impact, production delivery, and technical growth.

Oct 2025 — Jan 2026
IT Instructor
SMKN 20 Jakarta · Jakarta, Indonesia
Taught core computer science concepts and web development to vocational high school students for a full semester—from algorithm fundamentals to building end-to-end applications.
- Mentored students in building functional web applications with Laravel 11, covering CRUD, authentication, routing, migrations, and relational database design following industry standards.
- Designed a structured curriculum and learning path from scratch combining fundamental logic, data structures, and hands-on coding exercises.
- Facilitated intensive debugging & pair programming sessions to cultivate algorithmic problem-solving mindsets.
- Laravel
- PHP
- MySQL
- Bootstrap
Jul — Oct 2025
Web Developer
PT Achivon Prestasi Abadi · Jakarta, Indonesia
Developed a production HR attendance and employee management system from scratch, transforming manual administrative processes into an automated, centralized digital platform.
- Architected and deployed a web-based HR system (CodeIgniter 3 + MySQL + jQuery) for daily attendance tracking and employee records.
- Automated monthly attendance report generation previously handled manually—reducing HR administrative workload by 80% (from hours to minutes).
- Implemented onboarding modules, employee profiles, and real-time reporting dashboards with zero downtime.
- CodeIgniter 3
- PHP
- MySQL
- jQuery
- Bootstrap