Front End Developer | Software Engineer
Click the board, then press space to start.
In numbers
Chapter 01
Five kinds of problem I take on, and the tools I reach for when I do.
Storefronts, chord libraries and social feeds — from the database schema up to the screen, with Next.js, React and TypeScript.
Service workers and PWA installs, so pages already opened stay readable with no connection at all.
Importing lyrics and chords from Word, PDF and Google Docs, and exporting a whole setlist back out as one PDF.
The part behind the screen: REST APIs, sign-in, roles and admin panels in Laravel and PHP, Go or C#, written so the next developer can pick them up.
Command-line tools, data processing and services in Rust, C++ or Go, for jobs where speed and memory are part of the brief.
Chapter 02
A chord site I founded and run, two shops that needed software, and the schooling around them.
01 / Experience
2026 - present
MaropoChord
2025
PD. Santo Putra Oil
2024
PD. Riloka Mart
02 / Expertise
JavaScript · TypeScript · Python · Go · Rust · PHP · C# · C++
HTML · CSS · Tailwind
React · Next.js · Laravel · Shadcn · Radix
Redux · Zustand · React Query · React Hook Form · Zod
Vite · Supabase · Vercel
03 / Education
2023 - present
Telkom University
Graduated 2023
SMA Kristen Kalam Kudus
Chapter 03
Thirty-three things I built, sixteen of them wedding themes. Thirty-one open in a new tab from here.
Chords · Public library2025 – Now
A public chord site for pop, worship, Indonesian regional, Western and children’s songs. Change the key, add a capo, switch to number chords, read guitar and piano diagrams, and build setlists. Grown out of the Exo Worship codebase and opened up.
Films · TMDB API2025
Browse trending and now-playing films, search as you type, open a detail page with the trailer, cast and similar titles, and keep a list of favourites. Built to a supplied Figma spec for phone and desktop.
Crypto · Market dashboard2026
Live prices for the top 250 coins with sortable markets, a price chart from one minute to one month, a watchlist and a portfolio tracker kept in the browser, and a converter between coins and seven fiat currencies.
Stocks · Market dashboard2026
US market closing prices, price history, a watchlist, and a practice account that trades play money at real closes. Built around a free API limit of five calls a minute, so two calls price every page.
Worship team · Chord library2024 – Now
A private library of chord sheets for a 50-person worship team. Instant transposition, auto-scroll and screen wake lock for use on stage, team and personal setlists, and combined medley sheets that export as one PDF.
E-commerce · Automotive parts2024
Storefront for an automotive parts shop in Bandung — catalog, product detail and cart — with an admin area behind protected routes for managing products, sales and reports.
Food ordering · Restaurant app2025
A food ordering app over a supplied REST API: browse and filter restaurants, open a menu, fill a cart, check out, and look back through order history. Eleven pages behind a sign-in.
Social media · Photo sharing2025
Photo sharing with follows, likes, comments and saves. Built as a frontend MVP on the Sociality REST API, with optimistic updates so an action lands before the server answers.
Personal · Portfolio2024 – Now
The page you are reading. One long scroll in four chapters, hand-written CSS with no UI framework, and installable to a home screen.
Personal · Portfolio2024
An earlier single-page portfolio built from a Figma design: skills, a project gallery with a See All toggle, an FAQ accordion, and a contact form that sends straight to email with success and failure popups.
Personal · Portfolio2024
A dark single-page portfolio built from a Figma design for mobile through desktop, with projects, skills, experience, an FAQ, and a working contact form. Scroll reveals and hover motion run on Framer Motion.
Personal · Portfolio2025
A dark single-page portfolio built from a Figma design for 393px phones through 1440px desktops: proven numbers, skills, a with-me comparison, experience, projects, FAQ and a working contact form.
Personal · Portfolio2025
A single-page portfolio that opens on a holographic gradient hero, then a bento about section, skills, a with-me comparison, a project carousel, a work timeline, and an FAQ in a glass panel.
Personal · Portfolio2025
A dark, neon-purple portfolio with proven numbers, a career timeline, core skills laid out on an orbit, a comparison table, projects with their stacks, and a scrolling testimonial wall.
Personal · Portfolio2026
A portfolio with a violet-to-blue gradient hero, covering what I build, skills, a with-me comparison, a project carousel, a career list, testimonials, an FAQ and a working contact form.
Personal · Portfolio2026
A playful portfolio: a deep-purple hero with floating cards, a scrolling skills band, a bento grid, a comparison table, latest work, client stories and an FAQ.
Personal · Portfolio2026
A black-and-lime portfolio built around services: an about statement, skills, a with-me comparison, professional work, selected projects, testimonials and an FAQ.
Wedding invitation · Theme 1 of 162026
Classic and airy, with a thin gold line frame and script lettering. The main theme of a wedding site that serves many clients, each at their own address: guests get a link with their name on it, and RSVPs and wishes land in the couple’s Google Sheet.
Wedding invitation · Theme 2 of 162026
Clean and modern, with sharp-cornered buttons and widely spaced capitals. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 3 of 162026
Soft pink with flower ornaments in the corners of the page. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 4 of 162026
Warm like kraft paper, with leaves, terracotta and olive green. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 5 of 162026
A dark green background with gold accents and outline buttons. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 6 of 162026
Maroon and gold, with a woven stripe pattern along the edges. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 7 of 162026
Deep navy with gold accents and a scatter of small stars. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 8 of 162026
A calm sage green with sprigs of eucalyptus. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 9 of 162026
Soft lilac with stems of lavender. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 10 of 162026
Black and white in a magazine style, with heavy rules and bold type. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 11 of 162026
Dark green palm leaves on cream, made for a party by the beach. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 12 of 162026
Sogan brown and cream, with a kawung motif along the edges. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 13 of 162026
Warm terracotta with bohemian arches and suns. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 14 of 162026
Pale sky blue with soft clouds and wave lines. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 15 of 162026
Plum and peach, like the sky at sunset. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Wedding invitation · Theme 16 of 162026
Black and gold with geometric fan lines from the 1920s. Same site as the other themes: named guest links, RSVPs to Google Sheets, a digital gift envelope and a map to the venue.
Why me
Design, speed and the backend, handled by the same person who writes the code.
FAQ
What clients and recruiters usually want to know first.
React, Next.js and TypeScript on the front, with Tailwind or plain CSS. Behind it: Supabase, REST APIs, Laravel and PHP, Go or C#, and Rust or C++ where speed matters.
Yes. Send a WhatsApp message or use the form at the end of the page with what the site is for, and I come back with what I would build, how long it takes and what it costs.
Yes. Movie Explorer and both earlier portfolios were built to supplied Figma designs, for phone and desktop, matching the spacing and type as drawn.
Yes. Exo Worship, MaropoChord and Santo Putra Oil run on Supabase for data and sign-in, with protected admin areas. For a custom API I work in Laravel, Go or C#.
Yes. If the role is frontend or full stack, the CV at the end of the page has the short version, and the email there reaches me directly.
The end
Available for freelance work