// Full-Stack Developer — Laravel · Next.js

I build business systems that just work.

I turn messy, real-world operations — the spreadsheets, the WhatsApp threads, the guesswork — into software teams actually use. From the database to the dashboard, I own it end to end.

View selected work →Get in touch
4+ yrs shipping production softwareCTO & sole engineer of a live ERPBased in Surabaya · works remote
alvin@dev — ~/now

$ whoami

full-stack · Laravel + Next.js · ships to production

$ ls ~/shipping

01

Selected Work

Business System · ERP

Distribution ERP

CV Anugerah Sejati — building-materials distributor · CTO & Lead Developer

problemOrders lost between sales & warehouse; nobody knew who owed what; month-end took 3 people two days of copy-pasting Excel.
buildOne integrated ERP — quotation → order → delivery → invoice with self-updating stock, partial payments & cashback, FIFO costing, and a director's dashboard (P&L, cashflow, receivables).
resultmonth-end: 2 days → real-time 7 roles · full audit trail · 60+ models, 29 services.
LaravelPHPMySQLTailwindAlpine.js
Live site ↗
cvanugerahsejati.com
CV Anugerah Sejati ERP — distribution control board
SaaS · Multi-tenant

MomenKita

QR-based live photo-sharing for events · Solo founder & full-stack

problemAt events, guests want their photos shared instantly — but there's no central, real-time gallery and no one wants to install an app.
buildA multi-tenant SaaS: guests scan a QR code and upload to a live shared gallery — no app, no login. Host slideshow, moderation, one-click ZIP.
result~80% smaller files via client-side compression, at full HD. Built solo, monetization-ready.
Next.jsReactTypeScriptDrizzleMySQLVercel
Live demo ↗
momenkita · landing
MomenKita — QR photo-sharing landing page
Web · Catalogue + Ordering

Florist Storefront

Catalogue + WhatsApp ordering template · Design & full-stack build

problemSmall florists take every order by hand on WhatsApp — customers send reference photos and prices are quoted one at a time, with no catalogue to browse.
buildA premium, mobile-first catalogue: browse bouquets by occasion, tap one, and WhatsApp opens pre-filled with the order — plus a self-update admin so the owner edits products in seconds.
resultbrowse → WhatsApp in one tap owner-editable catalogue · single-config rebrand · image-optimised · designed, built & deployed in a day.
Next.jsTypeScriptTailwindFramer MotionVercel
Live demo ↗
florist storefront · demo
Florist storefront template — catalogue with one-tap WhatsApp ordering
Web · Beauty E-commerce

Lumière — Beauty Storefront

Chic beauty brand landing · Design & frontend build

problemBeauty brands live or die on aesthetic — a generic template store reads as cheap and loses trust before the first scroll.
buildA premium, editorial storefront: masked headline reveal, scroll parallax, spring micro-interactions, shop-by-concern & social proof — all token-driven, so the whole brand (colors, copy, photos) reskins in minutes.
resultrebrand in minutes researched from award-winning beauty sites · responsive · accessible · designed, built & deployed in a day.
Next.jsTypeScriptTailwindFramer MotionVercel
Live demo ↗
lumiere · beauty demo
Lumière beauty storefront — chic editorial hero with serum product
Web · Food E-commerce

OLEA — Olive Oil Storefront

Premium food brand storefront · Design & frontend build

problemPremium food brands need a site that tastes as considered as the product — a template store reads as cheap and kills the sense of craft before the first scroll.
buildAn editorial single-estate storefront: masked headline reveal, scroll parallax, an infinite trust marquee, a dark provenance section, an interactive grove-to-glass gallery & a tasting guarantee — all token-driven, so the whole brand reskins in minutes.
resultrebrand in minutes interactive gallery · dark provenance section · responsive · accessible · designed, built & deployed in a day.
Next.jsTypeScriptTailwindFramer MotionVercel
Live demo ↗
olea · food demo
OLEA olive oil storefront — editorial hero with a single-estate bottle
Web · Company Profile · B2B

Arkatek — Engineering Company Profile

Corporate site for an industrial engineering firm · Design & frontend build

problemIndustrial B2B buyers judge a supplier's website in 60–90 seconds — a generic template reads as unproven and drops off the shortlist before the specs are even read.
buildA precision-led corporate site: a kinetic hero, animated stat counters, a capabilities bento, spec-driven project case studies, procurement-ready certifications, a light/dark toggle and duotone industrial photography — engineered to signal credibility fast.
resulttrust in 60 seconds light + dark themes · animated counters · duotone imagery · WCAG-minded · static build, Next.js-portable · designed, built & deployed fast.
HTMLCSSJavaScriptResponsiveLight / Dark
Live demo ↗
arkatek · company profile
Arkatek — company profile site for an electrical & industrial engineering firm
Web · Motion & Gamification

Motion Lab — Gamified EdTech

Interactive learning-animation system · Motion design & frontend build

problemGamified learning apps need animations that feel rewarding but never distract — most builds ship flashy effects that lag or pull a student's focus mid-question.
buildA live, clickable animation system: an interactive Rive mascot (state machine), a 30-day streak celebration, XP counters with a fill-ring, level-up set-pieces, badge unlocks and calm answer feedback — Rive + Lottie + Framer Motion, integrated in React.
resultRive + Lottie + Framer state-machine mascot · 6 interactive mechanics · reduced-motion aware · lightweight · built to drop into an existing codebase.
Next.jsTypeScriptFramer MotionRiveLottie
Live demo ↗
motion-lab · edtech demo
Motion Lab — gamified EdTech animation demo with a claymorphic app preview
SaaS · Supabase · Realtime

CrewBoard — Multi-tenant SaaS

Team task board · Full-stack build (Supabase + Next.js)

problemTeams need one shared board every member sees update in real time — but each team's data must stay strictly isolated at the database, not just hidden in the UI.
buildA live kanban SaaS: Supabase Auth, a relational Postgres schema, database-level Row Level Security so each workspace is fully isolated, and Realtime so cards move across sessions instantly. Sign-up auto-seeds a private workspace.
resultRLS-isolated + realtime Supabase Auth · Row Level Security · live sync · role-based access · seeded demo account so you can click straight in.
Next.jsTypeScriptSupabasePostgreSQLRLSRealtime
Live demo ↗
crewboard · saas demo
CrewBoard — multi-tenant team kanban SaaS built with Supabase (Auth, RLS, Realtime)
Backend · Integration · AI

FlowBridge — Lead Integration

Lead-integration service + live dashboard · Full-stack (FastAPI + Next.js)

problemLeads arrive from a dozen places and must land in a CRM cleanly — no duplicates, enriched, and reliably even when the CRM is down. Brittle glue scripts break at exactly the wrong moment.
buildA small integration engine: webhook → contract validation → idempotent dedupe → relational normalize → AI enrichment (classify, prioritise, summarise) → CRM sync with retry & backoff. Provider-agnostic AI (Groq), plus a live dashboard to fire test webhooks and watch the pipeline run.
resultwebhook → CRM, exactly once idempotency ledger · retry + backoff · real Groq AI enrichment · FastAPI + SQLite backend, dashboard in Next.js + framer-motion — deployed live.
FastAPIPythonNext.jsTypeScriptGroq AIDocker
Live demo ↗
flowbridge · integration
FlowBridge — lead-integration service dashboard with live Groq AI enrichment
02

How I work

I'm a full-stack developer who started by building a company's entire operations platform from scratch — as its CTO and only engineer. That meant sitting with the sales, purchasing, and finance teams first, learning how the business actually runs, then designing the system around reality.

I work across Laravel/PHP and Next.js/React/TypeScript, and I use AI tooling (Claude Code) to ship fast — while staying in control of every line. I own the architecture, not just the syntax.

“Software that fits how people work beats software that's clean but ignores how people work.”
03

Stack

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Alpine.js

Backend & Data

  • Laravel / PHP
  • REST APIs
  • MySQL
  • Drizzle ORM
  • Auth · Cloud storage

Practice

  • Full-stack architecture
  • Multi-tenant SaaS
  • ERP / business systems
  • AI-assisted dev (Claude Code)
  • Git
// let's build

Got a process held together by spreadsheets?

Tell me what's slowing your operations down — I'll tell you honestly how I'd build it.

alvinsalim01@gmail.com
LinkedIn ↗ERP ↗MomenKita ↗Florist Demo ↗Lumière ↗OLEA ↗Arkatek ↗Motion Lab ↗CrewBoard ↗FlowBridge ↗