Claude Code
My main vibe-coding partner. I describe the feature, review the diff, and ship. Agentic coding straight from the terminal.
See Detail
✨ Welcome to my portfolio. I'm a
Website Developer
Web developer building fast, modern websites with AI-assisted vibe coding: Next.js, Tailwind, Claude Code & Cursor. From idea to a live site in days, not months.
My Skills
The stack and AI tools I use to ship websites fast.
Cursor
AI-native editor for fast iteration: inline edits, multi-file refactors and chat with the whole codebase.
See Detail
Next.js & React
The React framework for the web: App Router, server components, SEO-ready pages and API routes.
See Detail
Tailwind CSS
Rapidly build modern, responsive UI without ever leaving HTML, plus shadcn/ui for polished components.
See Detail
Supabase & Firebase
Auth, database and storage in minutes. The backend layer for dashboards, booking and e-commerce apps.
See Detail
Vercel & Git
Version control, preview deployments and production hosting. Every push goes live automatically.
See Detail
Summary
H
Hello, I'm Hafiz
A Web Developer based in Indonesia
I build websites the vibe-coding way: describe the product clearly, let AI tools like Claude Code and Cursor generate the first draft, then iterate fast on UX, performance and details until it feels right. Landing pages, company profiles, dashboards and small web apps, designed, coded and deployed in days. Clean code, responsive layouts and SEO basics are always part of the package.
0Years of
Experience
Experience
0Websites
Shipped
Shipped
0Happy
Clients
Clients
Selected Works
My desktop. Open vscode.exe to watch me build a website, or browse the rest.
Welcome, visitor!
Double-click vscode.exe to watch me vibe-code a website, or open Spotify for my playlist.
It is now safe to turn off your computer.
(click anywhere to boot again)
H
On it, scaffolding Next.js + Tailwind…
app/page.tsx
Deployed to Vercel
⎇ main⊗ 0 ⚠ 0Claude Code ✦TypeScript JSX
PLAYLIST
Hafiz's Favorites
Songs that keep me company while I code. · songs
| # | Title | Album | ⏱ |
|---|
Address
C:\Documents and Settings\Hafiz\My Projects
Address
http://hafiz.dev/links
Hafiz: Links
- GitHub: my code & experiments
- LinkedIn: professional profile
- Upwork: hire me for your website
- Contact form: say hi
Best viewed in 1024×768 · © Hafiz
Address
Recycle Bin
jquery-plugins-2019.zip
bug-that-took-3-days.txt
final_final_v3_REAL.psd
manual-css-before-tailwind.css
elbadi Design Studio
Claude Code · Figma · VS Code
Company profile for a presentation & graphic design studio: brand identity, core services and a portfolio showcase in a sleek dark aesthetic.
Pitch Deck Hero
Claude Code · Figma · GPT-4.1 mini
Marketplace for investor-ready pitch decks: services, pricing, client login, plus an AI support chatbot that routes every question into six intents.
Jasa Presentasi
Claude Code · Figma · VS Code
Presentation design service marketplace: services & pricing, portfolio, blog, order-brief form and an admin panel with WhatsApp quick contact.
KaryaLink Creator Marketplace
Claude Code · Figma · VS Code
Creator commission marketplace connecting clients with artists: service listings, commission workflow, categories, trending and creator profiles.
Student Club Piwulang Becik
Claude Code · Figma · VS Code
Learning management platform for student clubs: club catalog, batch enrollment, online & offline sessions, assignment submissions and a student gallery.
Tabaqu Islamic School
Claude Code · Figma · VS Code
School portal for an Islamic Montessori school (KB, TK, SD): program overviews, online PPDB admission, news, donation and WhatsApp contact.
Onesta Wellness Quiz
Claude Code · Figma · VS Code
A 6-minute wellness quiz with dynamic question flows, automated scoring and a personalized Balance Profile result, bilingual EN/ID.
Ziplace Property Management
Landing Page · Responsive
Search-first landing page that zips building, renovation, sales and rentals into one property platform.
Animarket NFT
Marketplace UI · NEAR Protocol
NFT marketplace on one dark surface: trending collections, creator leaderboard, category browsing and a live auction highlight.
LearnLab EdTech
Landing Page · Design System
Course platform landing page built to convert: one clear promise, social proof from 250+ partners and program cards in a single scroll.
Rock Live! Festival
Event Landing Page · Responsive
Event landing page with lineup & stages, ticket tiers with live availability counters, built to hold up when tickets drop.
Let's talk
Get In Touch
About your
Next Website
Contact Me
Let's discuss your project
Just contact me with the media below
Email akarspace.salatiga@gmail.com Send Me A Message WhatsApp +6289637426532 Send Me A Message GitHub github.com/hafiz573 See My Code