Kevin Mahardyan SaputraFullstack Web & Mobile Developer

Information Systems · Crafting performant, high-craft web & mobile experiences.

Deployed on Vercel
Back to All Projects
Enterprise Project
2026
Web Application

Ash Garden: Premium Botanical & Plant E-Commerce Ecosystem

Premium botanical e-commerce ecosystem: Web Admin Portal for profit/order/inventory control and responsive Customer Online Store with live botanist advisory chat.

Ash Garden: Premium Botanical & Plant E-Commerce Ecosystem
Interactive Multi-Role Showcase

Role-Isolated Ecosystem Previews

01 / 06
Web Admin PortalDesktop Mockup Frame

Botanical commerce command center: real-time sales dashboard, multi-period profit-and-loss reports, plant & pot inventory catalog, order fulfillment pipeline, customer directory, and customer service live chat.

6 Verified Screens
1. Executive Sales Dashboard
Click to view full screen
desktop Frame Mockup
01

1. Executive Sales Dashboard

Executive revenue metrics, completed shipment volumes, and monthly growth trajectory charts.

2. Orders Fulfillment Pipeline
Click to view full screen
desktop Frame Mockup
02

2. Orders Fulfillment Pipeline

Order lifecycle tracker managing payment verification, airway bill printing, and fulfillment statuses.

3. Botanical Catalog & Inventory
Click to view full screen
desktop Frame Mockup
03

3. Botanical Catalog & Inventory

Plant catalog management controlling botanical species details, care guides, stock levels, and promo prices.

4. Profit & Loss Financial Reports
Click to view full screen
desktop Frame Mockup
04

4. Profit & Loss Financial Reports

In-depth financial analysis detailing gross margins, packaging overheads, and net profit per category.

5. Customer Retention Analytics
Click to view full screen
desktop Frame Mockup
05

5. Customer Retention Analytics

Customer metrics reporting Average Order Value (AOV), top loyal collectors, and repeat purchase ratios.

6. Customer Support Center (Chat)
Click to view full screen
desktop Frame Mockup
06

6. Customer Support Center (Chat)

Live agent chat desk answering plant care questions and resolving order delivery inquiries.

Project Architecture & Overview

Ash Garden merges botanical elegance with enterprise-grade e-commerce reliability. Engineered with a full administrative portal tracking sales revenue, recurring net profit margins, live-plant courier dispatching, artisan pot inventories, and customer support chat. On the customer storefront, the mobile-first catalog delivers detailed plant care guides (light, water, soil), interactive shopping carts, specialized courier checkout, and live delivery status updates.

TECHNOLOGIES & TOOLS USED
Next.js 15
TypeScript
Tailwind CSS
Supabase DB
PostgreSQL
Midtrans API
Recharts
Framer Motion
Deep-Dive Engineering Log

Case Study & Retrospective

CHALLENGE #1

Inventory Integrity for Rare Botanical Specimens During Flash Sales

Encountered Problem:

Limited-quantity collector plant sales experienced race conditions and overselling when hundreds checked out in the same minute.

Engineering Solution:

Engineered Redis temporary reservation keys with a 10-minute TTL to hold plant stock atomically during payment gateway confirmation.

CHALLENGE #2

Dynamic Volumetric Shipping Calculation for Soil & Planters

Encountered Problem:

Ceramic planters and wet soil mixtures introduced volumetric weight discrepancies against third-party courier APIs.

Engineering Solution:

Developed an automated volumetric packaging estimator factoring moisture content and planter dimensions for exact courier rating.

NEXT PROJECT
Side / Mini Project

CivicLens: AI-Powered Civic Problem Analyzer & Issue Tracker

AI Vision-powered public infrastructure diagnostic platform: automated damage classification, structural hazard estimation, and geospatial citizen issue tracking.

View Case Study