Projects

Projects 40 things I've built since 2020, 8 with a full write-up.

HitPay

GenAdvance

By status

By status Hover to preview, tap to filter.

40 projectssince 2020

Filter

of 40

HitPay

active2024framer + next

HitPay

HitPay's marketing surface: the product pages 20,000+ SEA businesses land on. Framer-built, motion-polished.

hitpayapp.com

LetsTrip

active2026laravel + react

LetsTrip

A travel-booking app (client under NDA, real name withheld): browse trips and book, built on a modern Laravel + React (Inertia) stack with shadcn/ui. Shipped through Sauwarna Studio; in active development.

localhost:3000

KTM Verifikasi

stable2025python + opencv

KTM Verifikasi

Desktop app that verifies the authenticity of Universitas Siliwangi student ID cards (KTM) in real time: ORB feature-matching to spot genuine cards, plus QR-code authentication. Built in Python.

localhost:3000

GenAdvance

stable2024next + tailwind

GenAdvance

Marketing landing for an Indonesian IT consultancy. Calm gradient hero, services grid, partner-bank wall, project-progress timeline.

localhost:3000

Pinwave

archived2024laravel + blade

Pinwave

A Pinterest-style pin board on Laravel: post pins, follow other users, like and search an image feed. A clone project to drill the social graph (follow / like) and feed UX on a classic Blade stack.

localhost:3000

Bootwind UI

stable2024react + typescript

Bootwind UI

Open-source component library that brings Tailwind's utility-first design to ready-made React components: ship UI fast without re-inventing primitives. I'm a core contributor to the public React package (56 commits).

localhost:3000

Bootwind Marketplace

stable2024next + laravel

Bootwind Marketplace

A full e-commerce marketplace: a Next.js + React storefront with Stripe checkout and i18n, a React admin dashboard (charts, maps, order management), and a Laravel API on the Marvel shop engine with Stripe, bKash and BitPay gateways. Distinct from the Bootwind UI library; this is the product that uses it.

localhost:3000

Stefana

archived2024html + css

Stefana

An online wedding-invitation site (undangan pernikahan): a single elegant scrolling page with the couple, event schedule and venue, hand-built in HTML/CSS.

localhost:3000

DealDulu

stable2023react native

DealDulu

Live-commerce marketplace app: sell during livestreams, browse during downtime. Yellow accent, dark hero, three phones in the product shot.

localhost:3000

Ciradyka

stable2023next + tailwind

Ciradyka

Website for Ambalan Ciung Wanara & Dyah Pitaloka: the oldest Pramuka organization in Ciamis Regency. Warm peach / maroon palette, photo-led hero.

localhost:3000

Ultras Smansa

stable2023laravel + blade

Ultras Smansa

ULTRAS SMANSACIS: supporter community for SMA Negeri 1 Ciamis. Black hero, big typographic headline, fraternity / identity / art / members info cards.

localhost:3000

Panel VocaGame

stable2023next + tailwind

Panel VocaGame

White-label gaming-topup site builder: let resellers spin up their own branded VocaGame topup site. Two-up product-card hero, voucher-management dashboards, payment-gateway logos.

localhost:3000

Zaqat

stable2023laravel + bootstrap

Zaqat

Zaqat helps mosque committees (DKM) digitalise zakat fitrah: collecting payments and recording donor data per neighbourhood, so the yearly count stops living in paper ledgers. Laravel + Bootstrap.

localhost:3000

DataWarga

archived2023laravel + bootstrap

DataWarga

Resident-data system for Indonesian RT/RW administration: manage warga (residents) and kartu keluarga (family cards), with role-based access for admin, RT head and bendahara (treasurer). Laravel.

localhost:3000

VocaBisnis

stable2023next + tailwind

VocaBisnis

Landing page for VocaBisnis: a voucher-products storefront with a polished, fully responsive design. Built in Next.js during my VocaGame era.

localhost:3000

Interpolasi

archived2023tailwind + js

Interpolasi

A solver for linear-interpolation problems, built as the final project for a Numerical Analysis course. A clean Tailwind UI walks through the computation step by step.

localhost:3000

AesCrypt

stable2023tailwind + js

AesCrypt

Encrypt and decrypt text with AES, layered with a password for a second factor of security. A small, focused crypto utility with a Tailwind interface.

localhost:3000

MBTI AI

archived2023next + ai

MBTI AI

An AI-assisted MBTI personality test: answer the prompts and get a typed personality read-out. A quick experiment pairing a classic questionnaire with an LLM, shipped for the Siliwangi community.

localhost:3000

Ecosystem

archived2023laravel + php

Ecosystem

An online assessment engine: model instruments (instrumen) made of categorised questions (soal), capture answers (jawaban) and score each respondent's response. Laravel-backed.

localhost:3000

Desa

archived2023laravel + tailwind

Desa

A village-profile website (profil desa) on Laravel: gallery, news, announcements, a UMKM (local-business) directory, event listings, org structure and contact, all in one civic site.

localhost:3000

ACTSM

archived2023next + tailwind

ACTSM

A fashion-store frontend in Next.js + Tailwind: category pages for baju, celana, jaket and aksesoris, a product catalogue and an about page, fronted by a Splide-powered hero carousel.

localhost:3000

Trading

archived2023bootstrap + chartjs

Trading

A Binomo-style trading-platform clone: Bootstrap UI with Chart.js driving the live price charts. A front-end study of how a binary-options dashboard is laid out and animated.

localhost:3000

Chatbot

archived2023python + flask

Chatbot

A web chatbot built with Python and Flask: app.py serves a templated chat UI with the bot logic behind it. A compact end-to-end conversational-app experiment.

localhost:3000

Depresi

archived2023html + css

Depresi

A lightweight depression self-screening tool: a guided questionnaire runs a simple detection pass and returns a result page. Static HTML/CSS, no backend.

localhost:3000

VocaGame

stable2022next + tailwind

VocaGame

Corporate site for VocaGame: "Pelopor Promotor E-Sport Di Industri Game Indonesia". Green brand, bold underlined headline, portrait + corporate trust strip.

localhost:3000

VocaGame Mobile

stable2022react native

VocaGame Mobile

Mobile companion app: tournament browser, topup, voucher wallet, transaction history. Designed in Figma; multi-screen presentation across the home, tournament, voucher, and history flows.

localhost:3000

TokoJob

archived2022react + laravel

TokoJob

TokoJob: Indonesian freelance-jobs marketplace. Fullstack work across React + Redux on the front and Laravel + REST on the back, plus the lint/format rollout that kept the codebase from drifting. Designed and shipped the latest revamp.

localhost:3000

Pariwisely

archived2022react + laravel

Pariwisely

Pariwisely: cultural-heritage tourism site for Indonesia. "Temukan keindahan dan keberagaman budaya negara Indonesia." A campus project that took the Wonderful Indonesia mood as starting reference.

localhost:3000

Restawrant

archived2022laravel + bootstrap

Restawrant

Restawrant: restaurant landing + reservation flow. Yellow brand, illustrated host hero, menu grid, location/gallery, reservation CTA.

localhost:3000

Sicodev

archived2022html + bootstrap

Sicodev

Homepage for Siliwangi Code Developer, the developer community at Universitas Siliwangi, with documentation, member data and event records (berita acara) in one place.

localhost:3000

Collegetivity

archived2021php + laravel

Collegetivity

Collegetivity: student productivity workspace built fullstack on Laravel + MySQL during the pandemic. Tasks, schedule, file storage, study resources, class chats, all behind one auth model. "Solusi kece & ampuh bagi para mahasiswa waktu kuliah."

localhost:3000

Sppie

archived2021laravel + bootstrap

Sppie

School tuition (SPP) payment system in Laravel: student billing, payment recording and reporting. Shipped as my UJIKOM 2021 competency-exam final project.

localhost:3000

Pusaka

archived2021laravel + vue

Pusaka

PUSAKA (Pantau Sekolah SMK): a monitoring & reporting platform that lets vocational schools log their condition for West Java's education office (Dinas Pendidikan Jawa Barat) to track. Laravel + Vue + Firebase; my largest team contribution at 100 commits.

localhost:3000

Syaucademy

archived2021javascript

Syaucademy

Landing for Syaucademy, an education-academy brand I started, still in early development as a side project.

localhost:3000

Azure

stable2021bootstrap + html

Azure

An open-source Bootstrap 5 landing-page template built around the Azure illustration set: a fast starting point for a startup, social-media or portfolio site.

localhost:3000

Monochore

stable2021bootstrap + html

Monochore

An open-source Bootstrap 5 startup template built on the Pixeltrue illustration set: clean monochrome sections to spin up a marketing site fast.

localhost:3000

Gameina

archived2021php + bootstrap

Gameina

Gameina: portal for Indonesian-made games. Red brand, energetic landing, category browser, voucher / topup integration.

localhost:3000

Learnify

archived2020php + codeigniter

Learnify

Learnify: open-source online learning platform built fullstack on CodeIgniter 3 + MySQL during the 2020 pandemic at CV. Lestari Multikreasi. Schema, controllers, and the exam engine all mine. Won best internship project at SMKN 1 Ciamis.

localhost:3000

Smeaify

archived2020php + bootstrap

Smeaify

Campus academic-data platform: manages course contracts (kontrak mata kuliah) and grading to streamline a university's academic workflow. PHP + Bootstrap.

localhost:3000

Corofight

archived2020bootstrap + lottie

Corofight

COVID-19 prevention education microsite from 2020: high-quality Lottie animations carry the messaging, served free as a public-health explainer.

localhost:3000

Open source

Open source. Merged upstream, and 401 stars across my own repos.

github.com/syauqi

Keep going

Keep going The rest of the site, one click away.

WritingHow some of them got built.AboutWho builds them, and where.StoreComponents and plugins.