Available for new projects

// Full Stack Developer · Indonesia

Muhammad Taufik Hanafi

I build fast, clean, and easy-to-manage websites and web applications. From Laravel web apps with Tailwind and Alpine.js to SEO-ready WordPress sites, with 11 projects live today.

Projects live
11
Years as a developer
3+
Core skills
8
  DeveloperProfile.php
return [
  'name'  => 'Muhammad Taufik Hanafi',
  'role'  => 'Full Stack Developer',
  'stack' => [
    'Laravel', 'Tailwind CSS',
    'Alpine.js', 'React.js',
    'WordPress', 'SEO',
  ],
  'born'  => '1999-05-28',
  'status' => 'open_to_work', // ✓
];
  • Laravel
  • Tailwind CSS
  • Alpine.js
  • React.js
  • WordPress
  • SEO
  • Tailwind
  • PWA
  • JavaScript
  • Booking
  • POS
  • Dashboard
  • LMS
  • E-commerce
  • Cart & orders
  • Attendance
  • Vite
  • Dark mode
  • Elementor
  • AIOSEO
  • Yoast SEO
about()

About me

Muhammad Taufik Hanafi

Hi, I'm Taufik, a Full Stack Developer focused on building web applications end to end. I design databases and APIs with Laravel, build interactive interfaces with React.js, and craft responsive layouts with Tailwind CSS.

I also develop and maintain WordPress websites, from theme customization to performance optimization, so clients can easily update their own content.

Full name
Muhammad Taufik Hanafi
Date of birth
May 28, 1999 (age 27)
Profession
Full Stack Developer
skills()

Skills, proven in live projects

php artisan

Laravel

Backends for content sites, an online store, and a SaaS app: authentication, member areas, shopping cart, admin panels, and asset builds with Vite.

  • Bintang Junior
  • BJ Member Area
  • BJ Merch Shop
  • EJ Learning Center
  • BJ Publisher
  • Teambull
  • Wedding Planner
class="md:flex"

Tailwind CSS

Responsive, mobile-first layouts and design systems, from a kids' learning brand to a luxury villa booking site.

  • Bintang Junior
  • Wedding Planner
  • D'Twin Villa
x-data

Alpine.js

Lightweight interactivity on Laravel pages: menus, toggles, tabs, and dynamic forms without a heavy front-end build.

  • Bintang Junior
  • Wedding Planner
useState()

React.js

Interactive UI components embedded in Laravel pages where the page needs richer state.

  • Bintang Junior
addEventListener

JavaScript

Vanilla JS for custom storefronts and booking flows, dark mode toggles, and installable PWAs.

  • BJ Publisher
  • Teambull
  • D'Twin Villa
  • Wedding Planner
wp-admin

WordPress + Elementor

Company and education websites built with Elementor that clients can update on their own, with WhatsApp and Google Maps integration.

  • English Junior
  • Dcomm
  • Prestasi Door
<meta>

SEO & Analytics

On-page SEO with Yoast and All in One SEO, Schema.org structured data, Google Tag Manager, Site Kit, and AdSense.

  • Dcomm
  • Prestasi Door
  • English Junior
  • Bintang Junior
/admin/pos

Business Systems

Booking calendars, POS cashier, LMS, attendance and skill tracking, student progress reports, finance reports, vouchers, affiliate and referral programs, RSVP and guest lists.

  • D'Twin Villa
  • BJ Member Area
  • EJ Learning Center
  • Wedding Planner
projects()

Projects I have built

Web App · LMS

English Junior Learning Center

A learning management system for English Junior teachers and students. Teachers record attendance, checkpoints, and a skill tracker, view class schedules and student status (active, on leave, inactive), report incidents, and request level promotions once a student finishes the final project. Includes notifications, profiles, and dark mode.

LaravelLMSDashboardAttendance
bintangjunior.id Homepage of Bintang Junior Education

Bintang Junior

Website for an early-childhood learning program running since 2014: program pages, branch locator, free trial sign-up, franchise info, blog, and an automated chat bot.

LaravelTailwindAlpine.jsReact.js
prestasidoor.com Homepage of Prestasi Door Company Profile

Prestasi Door

Website for a rolling door and steel door manufacturer founded in 1990, with product listings, client projects, certificates, gallery, and an online shop.

WordPressElementorYoast SEO
experience()

Work experience

  1. 2025 — PresentCurrent

    Full Stack Developer

    PT Titik Berdaya Indonesia

    Build and maintain web applications end to end, from database design and Laravel backends to responsive interfaces with Tailwind CSS, Alpine.js, and React.js.

  2. 2023 — 2025

    Full Stack Developer

    PT Twin Digital Printing

    Developed web applications and company websites with Laravel and WordPress, handling both backend logic and front-end implementation.

  3. 2020 — 2023

    Post Production Image Editor

    Mindreach Consulting

    Edited and retouched images in post-production, building the eye for visual detail and consistency that I now bring to interface work.

contact()

Have a project? Let's talk.

I'm open to freelance projects, collaborations, and full-time roles. Reach out by email or WhatsApp.

WhatsApp / Phone+62 895-3711-29905