Build Before You Overthink
The fastest way to understand an idea is often to build a version of it.
01
I Build,
Break,
Learn.
I'm Muhammad Hafidz - exploring software engineering by building real products, breaking things, and figuring out how the systems behind them work.
Informatics Engineering Student
University of Technology Bandung
02
A Little About Me
I don't need
to know
everything.
I want to
Understand what I build.
I'm still early in my engineering journey.
I'm not trying to master every technology I encounter. I'm trying to understand the systems behind the things I build and how each piece fits together.
system.status = "building"
01 / How I Learn
01
Explore
Follow the question before choosing the technology. Understand the problem first.
02
Build
Turn ideas into something real. A working system often teaches more than theory alone.
03
Understand
Go deeper into what happens behind the interface, from data and APIs to systems and infrastructure.
04
Ship
Finish, release, observe, and iterate. Progress comes from putting things into the real world.
02 / How I Approach Engineering
Stay Curious
There is always another layer underneath. Curiosity is often where better questions begin.
Keep Shipping
A finished imperfect thing teaches more than a perfect idea that never leaves your head.
Still early. Still building.
I don't have everything figured out. And I don't think I need to.
I'm here to keep learning, keep building, and see where the work takes me.
03
CURRENTLY
I'm currently
exploring
what happens
Behind the Interface.
The deeper I go, the more I realize that building software is less about writing code and more about understanding how systems behave.
system_query.sh
?What happens after the button is clicked?
?Where does the data go?
?What happens when things fail?
?How does a product stay secure & reliable?
_
BUILDING
IN PROGRESS
SINEMUS SCREEN & ECOSYSTEM
Leading the product engineering for Sinemus Screen (streaming & event screening) while laying the scalable technical foundation powering Sinemus Indonesia's multi-platform roadmap.
EXPLORING
EXPLORING
BACKEND ENGINEERING
Going deeper into APIs, application architecture, databases, authentication, and the logic that powers digital products.
LEARNING
LEARNING
SYSTEMS & INFRASTRUCTURE
Trying to understand what happens beyond the application, deployment, servers, networks, performance, security, and the systems that keep software running.
04
SELECTED WORK
Things I've Built.
I learn by building real things.
From crafting interfaces to exploring backend systems and infrastructure, I learn best when an idea has to become something that actually works.
Featured Product
Digital Product2025 - NOW
Sinemus Screen (V2)
An end-to-end digital ecosystem for Muslim cinema. Spanning fullstack application architecture, secure video streaming pipelines, and robust database systems.
Flagship Platform
Digital Product & Core Tech2026 - PRESENT
Sinemus Screen (V3 Re-Engineering)
Architecting the V3 evolution of Sinemus Screen. Transforming the streaming & event screening platform into a high-performance, enterprise-grade core powering Sinemus Indonesia’s ecosystem.
Client Project
Motion & Web Experience2026
Ilham Hakim — Visual Portfolio
A bespoke, motion-driven portfolio crafted for visual creator Muhammad Ilham Hakim. Built with Next.js, TypeScript, and Framer Motion for static-first performance and fluid interactions.
05
THE LAB
What I Work With.
A growing collection of technologies, tools, and systems I've used, explored, and learned throughout my journey. I don't believe in knowing everything. I'm more interested in understanding how different layers of technology connect — from the interface users interact with to the systems running behind it.
Technology Status
Used In Projects
Actively Learning
Exploring
01
LAYER // 01
Frontend
Building the interface
HTMLCSSJavaScriptTypeScriptReactNext.jsTailwind CSSBootstrap
Focus
Building interfaces that are functional, maintainable, and thoughtful.
02
LAYER // 02
Backend
Behind the interface
NestJSPHPPython
Concepts
REST APIsAuthArchitecture
Focus
Understanding how applications work beyond what users see.
03
LAYER // 03
Data
Where information lives
MySQLPostgreSQL
Concepts
Relational DBsData ModelingQuerying
Focus
Understanding how data is structured, accessed, and connected.
04
LAYER // 04
Infrastructure
Running software in reality
DockerVPSCI/CDVercelGitHub ActionsCloudFlare
Focus
Understanding what happens after code leaves development.
05
LAYER // 05
Tools
The tools I build with
GitGitHubVS Code
Focus
Using the right tools to move from idea → implementation.
The Stack is a Moving Landscape
The goal isn't to collect technologies. The goal is to understand the systems they help me build. Some are tools I use. Some are tools I'm learning. Some are questions I'm still exploring.
system_monitor.exe
_ The Next Layer
Currently
Exploring
Moving deeper into the systems behind the applications I build.
>
Backend Architecture
Structuring and modularizing backend systems as applications grow.
>
System Design
Thinking about systems beyond individual features and components.
>
DevOps & Infra
Connecting development, automation, and reliable software delivery.
>
Distributed Systems
How systems communicate and scale across multiple services.
ENGINEERING WORKFLOW
AI-Assisted Development
I use AI as part of my engineering workflow to explore ideas, accelerate iteration, and challenge my thinking — while keeping the responsibility to understand, verify, and own the final result.
Workflow Pipeline
EXPLORE>BUILD>VERIFY>UNDERSTAND>SHIP
The stack will keep changing. So will I.Still exploring. Still learning. Still building.
06
ARCHIVES & STORIES
Documenting ProgressMoments That
Shaped
The Journey.
A curated collection of places, people, events, and experiences. Documenting the reality of building robust software architectures and mastering engineering principles.
Scroll to explore
02+Key Events Recorded
26Current Year
2026
LATEST ARCHIVES
/ 01 — 05
EVENT · LEARNING
Dicoding
Developer
Conference
A day spent learning beyond the screen, meeting new perspectives, and seeing the broader world of software engineering in a professional environment. It provided invaluable insights into industry-standard practices and networking opportunities with seasoned developers.
Hotel Hilton Bandung
25 APR 2026
EVENT · LEARNING
Google I/O
Extended
An insightful gathering hosted by GDG Bandung, diving deep into next-gen developer paradigms. Gained practical perspectives on agentic workflows and autonomous AI agents, alongside architecting high-performance web applications with local-first principles.
Hotel Aston Pasteur
23 AUG 2026
/ 01 — 04
07
THE JOURNEY
WHERE I'VE BEEN.
WHERE I'M GOING.
>
My journey into software engineering hasn't been linear. I started by exploring different layers of technology, then began building real products and gradually discovered the areas I want to understand more deeply. This is not just a timeline of what I've learned. It's a record of how my direction has evolved.
2025
[ EXPLORATION ]
Started Exploring It
> Starting from the surface.
Started learning software engineering and exploring how digital products are built. This was the beginning of my journey into technology. I started with the fundamentals, built my first projects, and gradually became curious about what happens beyond the interface.
HTML / CSS / JSFrontend DevFirst Projects
2025Present
[ FOUNDATION ]
Informatics Engineering
> Learning in class.
> Building outside it.
Academic Foundation
University of Tech Bandung
Learning software engineering through structured academic education and theoretical fundamentals.
+
Practical Exploration
Independent Learning
Applying what I learn, building real products, and experimenting beyond the classroom scope.
BackendDatabasesSecurityCI/CD & DevOps
2026
[ BUILDING ]
Building In The Real World
> From learning technologies
> To building something real.
Building Sinemus and learning what it takes to turn ideas into working digital products. This experience exposed me to more than writing code—it became an opportunity to understand product decisions, software development, infrastructure, and the realities of building something people can actually use.
Product EngSoftware DevReal-world Systems
2026↓2027
[ DIRECTION ]
Finding My Direction
> I explored broadly.
> Now I'm starting to go deeper.
Moving deeper into the systems behind the products I build. After exploring different areas of software engineering, I'm beginning to understand where my curiosity naturally leads. I'm moving beyond individual features and becoming more interested in how applications, services, and infrastructure work together.
Backend EngSystem DesignDevOps & Infra
2027+
[ DEPTH ]
Going Deeper
> Less exploration.
> More depth.
This is the next chapter of my journey. Not about knowing more technologies, but about understanding the systems I choose to work with more deeply. Strengthening fundamentals, understanding architecture, and building better, more reliable software.
FundamentalsSystem ArchitectureReliable Systems
Journey Evolution
EXPLORE>↓BUILD>↓UNDERSTAND>↓FOCUS>↓GO DEEPER
→ STILL IN PROGRESS_
08
CERTIFICATES & CREDENTIALS
What I've Learned.
Certificates are not the destination.
They're markers along the way.
Each one represents something I chose
to explore, understand, and complete.
I'm continuously evolving my software engineering capabilities.
From web development foundations to advanced spec-driven architecture, cloud infrastructure, and generative AI integration.
Every certification validates hands-on practice, technical domain mastery, and a commitment to continuous learning.
The goal is not merely collecting credentials — it is mastering the craftsmanship behind them.
METHODOLOGY
VERIFIED
CLICK TO PREVIEW
01 // FEATURED CREDENTIAL
Spec-Driven Development with Kiro
Kiro AI•Kiro Workspaces•2026
Specialized certification in Spec-Driven Development (SDD), focusing on structured specification-first architecture, precision AI-assisted development workflows, and high-fidelity code standards.
SPEC-DRIVENAI ARCHITECTURESYSTEM DESIGNMETHODOLOGY
08 Certification Milestones
Showing 1-6 of 8 Certificates
CLOUD & GENAI
02
PREVIEW
Cloud & Generative AI Essentials
Dicoding•2026
Mastered cloud computing fundamentals, modern cloud service architecture, and generative AI integration within production web applications.
CLOUDGENAIAWS
DEVOPS
03
PREVIEW
DevOps & CI/CD Fundamentals
Dicoding•2026
In-depth understanding of DevOps culture, automated CI/CD pipeline integration, containerization, and application infrastructure management.
DEVOPSCI/CDAUTOMATION
FRONTEND
04
PREVIEW
Frontend Web Development Foundations
Dicoding•2026
Built interactive web applications leveraging JavaScript DOM manipulation, event handling, and client-side data management using Web Storage API.
FRONTENDDOMWEB STORAGE
CORE LANGUAGE
05
PREVIEW
JavaScript Programming Essentials
Dicoding•2026
Comprehensive mastery of core JavaScript logic (ES6+), data structures, control flow, Object-Oriented Programming (OOP), and Asynchronous JS.
JAVASCRIPTES6+ASYNC
CORE LANGUAGE
06
PREVIEW
Python Programming Essentials
Dicoding•2026
Fundamental and structured programming in Python, covering data structures, object-oriented concepts, modular code design, and computational logic.
PYTHONOOPDATA STRUCTURES
WEB FOUNDATION
07
PREVIEW
Web Development Standards & Design
Dicoding•2026
Fundamental web engineering standards using semantic HTML5 structure, modern CSS3 styling, Flexbox/Grid layouts, and Responsive Web Design.
HTML5CSS3FLEXBOX
Page 1 of 2
09
CONTACT
Have An Idea?
Let's Build It.
>
Whether it's a project, a collaboration, or just an interesting problem to solve, I'm always open to a good conversation.
Get In Touch
Prefer Email?
muhammadhafidzz133@gmail.comCurrently Open To
Projects · Collaboration · Conversations