live
Tiket Kapal.com
Tiketkapal.com is a convenient online platform that helps users book ferry tickets from Bali, Tanjung Pinang, and Batam. It allows users to search schedules and make payments easily and securely.
React.jsTailwind CSS
Frontend Web Developer
Daffa
Hanifisyafiq
Focus
Currently battling bugs in the javascript universe, especially on the frontend side of the web.
Stack
Next JSReact JSTypescriptJavascriptTailwind CSS
Status
Open to collabs
Location
Indonesia
About
Philosophy & Background
Approach
I believe that compelling visuals must be backed by clean code architecture. Every component is built to be modular, responsive, and performance-driven without sacrificing interface aesthetics.
Background
Based in Indonesia, focusing on modern frontend web application development. Experienced in building reservation systems, interactive user interfaces, and robust app architectures using React, Next.js, and Tailwind CSS.
Process
Starting from deep design system analysis in Figma, translating layouts into reusable TypeScript components, and optimizing rendering performance alongside seamless API integrations.
Services / Capabilities
Responsive UI/UX slicing (Mobile-first), REST/Firestore API integration, reusable component architecture, asset & performance optimization, and scalable frontend maintenance.
15+
Projects Shipped
∞
curiosity
3+
Years Experience
∞
Coffee
Selected Work
2022 — Present
live
Kos Ibu Ami Petarukan
Kos Ibu Ami Petarukan is a simple and comfortable boarding house located in Petarukan. It provides essential facilities, a strategic location, and an easy way for tenants to get information through the website.
Next.jsTailwind CSSshadcn/ui
live
Selfkiosk Pelabuhan
A self-service kiosk system located at the port that allows passengers to conveniently browse ferry schedules, select routes, and independently complete their ticket purchase. The kiosk is integrated with the ferry reservation system for seamless transactions and also provides instant ticket printing for passengers.
React.jsTailwind CSS
live
Harbor Departure Board
A digital departure board commonly found at ports that displays essential ferry information, including vessel name, destination, schedule, gate, status, and remarks. It helps passengers stay updated and informed in real time.
React.jsTailwind CSS
live
Rodex
Rodex is a train ticket booking application available on the Lifestyle page of myBCA. It is seamlessly integrated with BCA payment services, making it easy and secure for users to search schedules and purchase tickets directly.
React.jsTailwind CSS
live
Mini BMS Lifestyle
Mini BMS Lifestyle is a ferry ticket booking application similar to Tiketkapal.com, available on the Livin Sukha Lifestyle page. It is directly integrated with Bank Mandiri payment services, enabling users to conveniently search schedules, book tickets, and complete secure transactions.
Next.jsTailwind CSS
Achievements
Certifications & Awards
Bootcamp Kampus Merdeka x Binar Academy Studi Independen Full-Stack Web
Kampus MerdekaBinar AcademyBootcamp
Best Student Kampus Merdeka x Binar Academy Studi Independen Full-Stack Web Wave KM01
Kampus MerdekaBinar AcademyBest Student
Blog & Journal
Technical Writing, Engineering Articles, Tips & Tricks, Journey & Personal Journal
LOADING ARTICLES...
Connect
Let's Build Together
© 2026 Daffa Hanifisyafiq
Designed & engineered with obsessive precision. This portfolio is itself a design artifact — a living demonstration of the systems thinking applied to every client project.
Designed & engineered with obsessive precision. This portfolio is itself a design artifact — a living demonstration of the systems thinking applied to every client project.
Technical ColophonBinary Modernism design system. Strictly 0px or 9999px border-radius. Hard 8px offset shadows in solid #121212. 4px border weight throughout. Outfit typeface at 900/700/500 weights. Primary palette: Red #D02020, Blue #1040C0, Yellow #F0C020. 3D perspective stage with scroll-driven parallax at 3000px depth. No gradients, no blur, no intermediate rounding.