Hi, my name is
M. Fikri Marzuki
Web Developer, Full Stack Developer, Frontend Engineer, Backend Engineer, Software Engineer
I'm a software engineer with 4+ years of experience in web development. I have a passion for learning, particularly when it comes to exploring new technologies. Let's connect!
Check out my projects here!01.About Me
Hello! I'm Muhamad Fikri Marzuki, a fullstack software engineer with 4+ years of experience building scalable and maintainable web applications.
My journey into tech began after transitioning from a marketing background, where I developed strong communication and analytical skills. In 2020, I completed an intensive IT bootcamp and since then have focused on building real-world products across both frontend and backend systems.
I specialize in designing and developing production-level applications, contributing across system architecture, API development, UI implementation, and deployment processes.
Here are a few technologies I've been working with recently:
- ▹TypeScript
- ▹JavaScript
- ▹React.js
- ▹Vue.js
- ▹Next.js
- ▹Nuxt.js

02.Education
03.Experience

04.Featured Projects
A few highlights. Every project, with search and filters, is on the projects page.
- EcosystemActive
Gateway Universe
The central gateway to my developer ecosystem, built with Next.js, React Three Fiber and Three.js. Projects are presented as an interactive 3D universe of floating worlds, with a pause-motion control and keyboard navigation. Project links and details come from the shared canonical configuration used across my apps.Next.js • React Three Fiber • Three.js - Web AppsActive
Playdeck
An interactive presentation app that turns slides into a playable pixel-art world: viewers walk through each scene and open its checkpoint at their own pace. It includes a local library for creating, importing and templating presentations, in-browser persistence, and a separate story-driven game mode. Built with Next.js, TypeScript and the Phaser game engine.Next.js • React.js • TypeScript • Phaser - Web AppsActive
Page Layr
A visual page builder for composing multi-page sites from layout, content, media and form blocks, with drag-and-drop editing, desktop, tablet and mobile previews, undo and redo, starter templates and HTML export. Projects are saved locally in the browser. A companion puzzle game, Restore Pages, reuses the same building blocks.Next.js • React.js • dnd-kit - Web AppsActive
Nikah Yuk
A wedding-planning marketplace for couples and local vendors in Indonesia. I developed the Next.js frontend: vendor and service browsing with filters, a budget calculator, a planning checklist, account flows, and English and Indonesian localization. The Go backend was built by a collaborator.Next.js • React.js • i18n



