Skip to content
Ramdan Firdaus
←All work

03Kick Avenue

Kick Avenue Marketplace Revamp

Rebuilding a live marketplace, from the buy button to the back office.

For
Kick Avenue, marketplace for authentic sneakers and collectibles
Role
Full Stack Engineer, front end lead for the revamp
Period
2023 → 2025
KASearch sneakers, apparel, collectiblesSellWalletBRAND NEWSNEAKERS / RUNNINGRunner 1 Retro"Signal Orange"✓ Legit checkedSELECT SIZEUS 7US 7.5US 8US 8.5US 9US 9.5US 10US 10.5LOWEST ASKIDR 3.450.000Buy nowMake offer

Illustration redrawn for this portfolio. Not a screenshot, no client data.

80%
of user facing components built by me
2
surfaces on one component system
2
codebases: legacy and revamp, in parallel

Context

Kick Avenue connects buyers and sellers of collectibles, with quality control and legit checks in between. The company rebuilt its entire system for reliability and scale. I led the front end and built about 80% of what users see.

The legacy platform (Lumen, React, Redux) had years of features and almost no documentation. I maintained it and shipped critical fixes while the new system was being built next to it.

On the revamp I owned the front end architecture: a modular component system shared by the public marketplace and the internal CMS, so both stay consistent and new pages are mostly assembly.

Stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Zustand
  • React Query
  • Go
  • Echo
  • MySQL
  • Kafka
  • Docker

What I built

  1. 01

    Component system first

    A UI library and modular page components that serve both the marketplace and the CMS. It sped up delivery and kept the two surfaces visually consistent.

  2. 02

    Guardrails in the linter

    I pushed early returns and small functions, moved branching logic out of JSX into custom hooks, and enforced it with lint rules such as a max lines per function limit. Maintainability went up without missing the deadline.

  3. 03

    Wallet top up and cash out

    Backend endpoints in Go for the Kick Avenue wallet, integrated with a payment gateway, with strict validation and a complete transaction history.

  4. 04

    Delivery tracking on the legacy platform

    Integrated a third party tracking API, cached responses and cloned tracking info into the internal database so pages stay fast and the provider is not hit on every view.

  5. 05

    Close to the infrastructure

    Worked inside a microservices setup with Docker, and picked up working exposure to Kubernetes, Terraform and ArgoCD along the way.

Next case study

GrabFood Merchant Tools→

Self service tools for merchants and the ops teams behind them.

MerchantOrdersMenuOpening hoursPromotionsInsightsMenu42 items · synced 2 min agoPublish changesAll itemsRice bowlsNoodlesDrinksNasi Ayam GeprekRp 28.000AvailableMie Goreng SpesialRp 24.000AvailableSoto BetawiRp 35.000Sold outEs Kopi SusuRp 18.000AvailableTeh TarikRp 12.000Available