#01
Vocational coder
I graduated from a vocational software engineering programme (2019–2022), then went on to an Information Systems degree.
Hi , I'm Fadal
AI that does the work, not just the meetings.
Full-stack web developer & AI automation engineer based in Depok, Indonesia. I build web apps with Laravel and Next.js, plus n8n workflows that connect LLMs to your Telegram, Gmail, and database.
Open for projects · Freelance from Nov 2026Now WIB
Currently making:
This very portfolio. Yes, the one you are watching.
Fun fact
My GPA is 3.93 out of 4.00 in Information Systems at Universitas Gunadarma.
- AI agents
- n8n workflows
- Telegram bots
- LLM integration
- Laravel web apps
- Next.js & React
- Admin dashboards
- Figma prototypes
CH.01 About
Behind the screen
I'm Fadal, an Information Systems student at Universitas Gunadarma, currently an AI Engineer apprentice at Indonesia's National Cyber and Crypto Agency (BSSN). Before that, I freelanced as a full-stack developer from May 2025 and shipped more than six production projects, from point-of-sale and WiFi voucher systems to an AI-powered finance tracker.
My favourite spot is where the web meets automation: n8n workflows that let an LLM read a Telegram chat, write to a database, and send a report through Gmail. Repetitive work moves to the machine, and people get to focus on decisions.
I also spent two months as a substitute teacher at a vocational school, so I am used to explaining technical things in plain language, to clients and teammates alike.
Collector cards
-
- #02
I have been a teacher
In October–November 2024 I taught web basics (HTML, CSS, JavaScript) as a substitute teacher at SMK Bina Nusantara.
- #03
Report card
My GPA is 3.93 out of 4.00 in Information Systems at Universitas Gunadarma.
- #04
Design first, then code
My projects usually start with a Figma prototype and a Whimsical flow, so clients can see the result first.
CH.02 Toolbox
What's in the toolbox
No percentages. Just where I've actually used each one.
-
Building web apps
- Laravel A WiFi voucher platform wired into Mikrotik.
- Next.js FinTrack AI, barbershop booking, the Trilogic site.
- React.js A touch-friendly cashier interface for a POS system.
- TypeScript Type-safe code across Next.js projects.
- Tailwind CSS Used in every project, this site included.
-
Automation & AI
- n8n Workflows orchestrating the AI agents in FinTrack AI and Mr. Planner.
- Groq · OpenAI · Claude LLMs that read texts, receipts, and voice notes in FinTrack AI, and draft content scripts.
- Telegram Bot API Chat interfaces for logging money and requesting content ideas.
- Gmail API Reading transaction notification emails for FinTrack AI.
-
Data
- MySQL POS inventory and WiFi vouchers.
- Supabase PostgreSQL + Auth + Row Level Security for FinTrack AI and barbershop booking.
-
Design & flows
- Figma UI/UX prototypes before the first line of code.
- Whimsical Wireframes and flowcharts to agree on flows with clients.
-
Shipping it
- Git & GitHub Version control and collaboration on every project.
- Vercel Deploying Next.js apps.
- Postman Testing REST APIs before wiring them to the UI.
CH.03 Projects
Featured episodes
Eight production projects, from client websites and AI automation to web apps. Pick one to see the story behind it.
-
Deny Trans — Bus Charter & Shuttle Websites
Two websites for a Cianjur transport business, built in 2 weeks; the shuttle site earned 456 clicks from Google in 3 months, up 265%.
Web Developer, from design to SEO & GEO
- React
- Vite
- Tailwind CSS
- Vercel
- Google Search Console
-
Rumah Asri — Housing Website, CMS & TikTok Content
A housing website for PT Trisena Griya Asri with a CMS the client edits on their own; since the first month it has brought in 2–3 WhatsApp chats a week, plus a dozen or more TikTok DMs a month.
Web Developer, from design to SEO, GEO & TikTok content
- Next.js
- Tailwind CSS
- Vercel
- Claude
- TikTok
-
FinTrack AI — Digital Finance System for a Small Business
A web-based finance system for Acacia Water, a water-gallon and gas agent; bank and e-wallet transactions log themselves through Gmail, receipts just need a photo, and it all adds up on a dashboard you can question with an AI assistant.
Full-Stack Developer & AI Automation
- Next.js
- TypeScript
- Tailwind CSS
- Supabase
- pgvector
- n8n
- Groq API
- Telegram Bot API
- Gmail API
-
Mr. Planner — AI Content Planner for TikTok Affiliates
Send a product photo to a Telegram bot and a TikTok seller or affiliate gets a 30-day content plan with 30 scripts in Google Docs, in a matter of minutes.
AI Automation Engineer
- n8n
- Telegram Bot API
- Groq (Llama 4 Scout)
- Supabase (PostgreSQL)
- Google Sheets API
- Google Docs API
- SerpAPI
-
Trilogic Technologies — Agency Portfolio Website
A bilingual portfolio and lead-generation site for an agency, with a portfolio CMS, an SEO blog, and dynamic Open Graph images.
Full-Stack Developer
- Next.js 14
- TypeScript
- Tailwind CSS
- shadcn/ui
- Supabase
- Framer Motion
- next-intl
-
Barbershop Booking & Recommendations
Online barbershop booking with barber and service selection, real-time availability, and service recommendations from purchase patterns.
Full-Stack Developer
- Next.js 14
- TypeScript
- Tailwind CSS
- shadcn/ui
- Supabase
-
WiFi Voucher Platform (Mikrotik Integration)
A hotspot voucher platform wired straight into Mikrotik to bulk-generate vouchers, manage resellers, and track revenue.
Full-Stack Developer
- Laravel
- Tailwind CSS
- Bootstrap
- MySQL
- Mikrotik RouterOS API
-
POS Management System
A retail point-of-sale system with real-time stock, role-based access (cashier, supervisor, owner), and sales dashboards.
Full-Stack Developer
- React.js
- Node.js
- Tailwind CSS
- Bootstrap
- MySQL
CH.04 Journey
The road so far
-
Sep 2026 – now
AI Engineer (Apprenticeship)
Badan Siber dan Sandi Negara
On-site apprenticeship at Indonesia's National Cyber and Crypto Agency, Bojongsari, West Java.
Work
-
May 2025 – Oct 2026
Freelance Full-Stack Developer & AI Automation Engineer
Depok
Shipped 6+ production projects for SMEs, startups, and agencies: from discovery and Figma prototypes to deployment and post-launch support.
Work
-
May 2026
Getting Started with Data
IBM
Data fundamentals certificate covering big data and data analytics.
Certification
-
Completed Dec 2025
MSIB Batch 3 — Junior Data Scientist
PT Vinix Seven Aurum
Delivered a data analysis project for PT Inovasi Lentera Cipta Kreasi.
Certification
-
Oct – Nov 2024
Substitute Teacher (Software Engineering)
SMK Bina Nusantara, Bekasi
Taught web programming basics and guided hands-on lab sessions.
Work
-
2022 – now
Bachelor's in Information Systems
Universitas Gunadarma
GPA 3.93 / 4.00.
Study
-
Mar – May 2021
Intern — Distribution Data
PT Pitjarus Teknologi Center
Verified and organised product distribution data for the logistics team.
Work
-
2019 – 2022
Vocational School — Software Engineering
SMK PKP 1 Jakarta
Software engineering programme.
Study
CH.05 Contact
Let's talk!
Got a process that is still manual, or a web app that needs building? Tell me briefly. I reply within 1–2 business days.
Now WIB
My email
fadalhakim123@gmail.comOr say hi here
Send a message
Message received! I'll reply within 1–2 business days.