Arboretum is a full-stack e-commerce project for a single product with multiple variants, built as a production-ready system on the free tier stack. It includes a CMS-driven storefront, persistent cart and checkout flow, Razorpay payment verification, a customer dashboard, and an admin control panel for products, orders, users, and content management.
Role
Full-Stack Developer
Year
2026
Category
Web / E-Commerce
Tech Stack
The problem
Note · 01Most demo commerce apps stop at a product page and cart. The challenge here was to deliver an end-to-end, real operational flow: authenticated user journeys, payment verification, stock integrity, admin moderation, and content control, while keeping the codebase maintainable and deployable on cost-constrained infrastructure.
The approach
Note · 02I implemented the project with Next.js App Router architecture using server components, server actions, route handlers, and typed domain flows. Supabase handled auth, database, and storage with RLS-backed data policies; Razorpay handled checkout with signature verification and webhook fallback. The UI system used Tailwind v4 design tokens and modular components to keep storefront, user portal, and admin panel consistent and scalable.
How it was built
Milestones from concept through delivery.
Designed the system scope as a single
Implemented storefront flows for product discovery, variant selection, and cart persistence with local state continuity.
Built checkout integration with Razorpay including server
Developed customer portal modules for order tracking, profile management, and account
Created admin panel modules for variant management, order status operations, user oversight, and CMS
Structured Supabase schema, policies, and storage workflows for secure multi
Prepared deployment and environment configuration for smooth Vercel + Supabase + Razorpay integration.
Impact
Demo
Visuals
Public-facing home experience with branded editorial layout and commerce-oriented content flow.
Responsive mobile-first landing view with navigation, cart access, and compact commerce messaging.
Single-product detail view with editorial presentation and conversion-focused actions.
Customer checkout journey with cart-to-payment progression and transaction handoff.
Slide-out cart panel for quantity updates, order summary, and quick checkout entry.
Customer portal tracking view showing delivery progress and order history context.
Operational interface for managing products, orders, users, and content updates.
Management screen for product variant operations and inventory-related edits.
Brand narrative block communicating sustainable product values and positioning.
Social-proof and customer trust section integrated into the editorial shopping journey.
Dedicated sustainability storytelling area aligned with product and material claims.
