Pixelll
Interactive Pixel-Themed Social Media Platform
Retro-creative community platform featuring pixelated image reveal animation, real-time messaging, and an integrated in-app music player.
Next.jsSupabaseTailwind CSSHTML5 CanvasWeb Audio
Available for Projects & Internships•
Hi, I am Mahfud Alif Sya'bana
Full-Stack Web Developer • Software Engineering Student
Software Engineering student at SMKN 1 Katapang focused on full-stack web development. Experienced in building interactive web applications with modern frameworks like Next.js, Laravel, and Tailwind CSS, with strong database fundamentals in MySQL and Supabase.
Selected Works & Case Studies
Real-world web applications built with an emphasis on performance, structured database design, and interactive user experiences. Click any card to view detailed case studies.
FinderNekat
Public Lost & Found Platform + Interactive Leaflet Maps
Community lost-and-found reporting web platform integrated with Leaflet.js interactive maps and direct user-to-user messaging.
Next.jsLeaflet.jsMySQLTailwind CSS
EduCore
Multi-Role Classroom Management System
Structured classroom administration application for real-time attendance logging, academic grade tracking, and automated class treasury management.
Next.jsSupabaseAlpine.jsTailwind CSS
Point of Sale & Booking System
Cashier & Service Reservation Engine
Modern POS cashier engine integrated with business appointment scheduling, automated PDF invoice generation, and revenue auditing.
LaravelBladeMySQLTailwind CSS
PixelType
Arcade Table Typing Speed Challenge
Synthwave arcade typing speed game optimized for cocktail arcade table hardware, complete with live WPM metrics, accuracy calculations, and API leaderboard.
Next.jsLaravel APIFramer MotionTailwind CSS
Warehouse Inventory Management
Enterprise Stock & Logistics System
Comprehensive inventory management for stock tracking, automated minimum threshold alerts, and periodic stock balance reporting.
PHPMySQLTailwind CSSJavaScript
Tech Stack & Tooling
Comprehensive set of technologies and tools I routinely use to develop scalable, responsive, and secure web applications.
Languages
Details ↗Core programming languages for application logic, scripting, and data queries.
HTMLCSSJavaScriptTypeScriptPHPSQL
Frameworks & Libraries
Details ↗Modern frontend and backend frameworks for building robust, reactive systems.
ReactNext.jsLaravelTailwind CSSAlpine.js
Backend, Database & Tools
Details ↗Relational/cloud databases, version control, and cloud deployment pipelines.
MySQLPostgreSQLSupabaseGitGitHubVercel
Program Paham AI (Literasi Kecerdasan Artifisial)
Issued by Senopati Academy (In collaboration with Polri & Kemendikdasmen)
ID: SENPAH-2LC79JScore: 95/100
Committed to Industry-Standard Software Engineering
As a Software Engineering vocational student, I prioritize clean architecture, normalized relational database schemas (RDBMS), and consistent REST APIs. Constantly exploring modern web ecosystems and open for team collaboration and internship opportunities.
SMKN 1 Katapang (Software Engineering)
Bandung, Indonesia (Open for Remote / Hybrid)
>Let's Collaborate!
Have an exciting project idea, internship opportunity, or simply want to chat about web development? Send me a message below or reach out directly.
MessagePayload.json
UTF-8