E-commerce
Case study
Client project

Flutter app + Nest.js backend — admin console for orders, factory, and dispatch.

Sky Scraper Tiles

Tile commerce platform — Flutter customer app, Nest.js backend, and multi-role admin console.

iOS, Android, Web, Server2025 - Present
Sky Scraper Tiles
Flutter + Nest.jsMulti-role opsDispatch workflowBox-level orders

Screenshots

Mobile

(15)
Home — Timeless Tile Collection

Home — Timeless Tile Collection hero

Trending designs and 12x18 wall tiles

Trending designs and 12x18 wall tiles

Category grid — Vermoda, Kera Stone, Stony Surface

Category grid — curated collections

High Depth Elevation and Parking tiles

High Depth Elevation and Parking tiles

Product detail — E10 with variants

Product detail — E10 with variants

Product detail — ROCK with Thermocol / Regular packing

Product detail — packing type selection

My Cart with box-level quantities

My Cart with box-level quantities

My Orders list with status filters

My Orders — Pending, In Progress, Dispatched

Order details — items, totals and pickup status

Order details — items and pickup status

Order details — pickup requests received

Order details — pickup requests

Pickup requests list

Pickup requests list

QC batches - All

QC batches - All

QC batches - Pending

QC batches - Pending

QC inspection - Pending

QC inspection - Pending

Notifications history

Notification history

Operations console

Admin login — Sky Scraper Tiles

Admin login — split auth layout

Dashboard KPI overview

Dashboard — KPI overview

Orders grid

Orders — status and fulfillment

Order management

Order management — creation flow

Dispatch vehicles

Dispatch — vehicle assignments

Factory orders

Factory orders — production queue

Order details — approval and line items

Order details — approval, items, and factory summary

Dispatch form — assign items to vehicle

Dispatch create — vehicle form and item assignment

Completed dispatch — read-only shipment view

Dispatch details — completed shipment with line items

Design edit — variants and image upload

Design edit — factory, category, specs, and images

Overview

Premium tile manufacturer selling through a Flutter mobile app with box-level ordering, variant catalog, and order tracking. Nest.js + PostgreSQL powers the API; a Next.js admin console handles catalog, orders, factory production, and dispatch workflows.

What we solved

  • Shared data contract across Flutter, Next.js admin, and Nest.js API
  • Tile variants with box-level cart math (SQF, SQM, tiles-per-box)
  • Pickup-request state machine layered on parent order lifecycle
  • Multi-role authorization — customer, admin, factory, dispatch

What we shipped

  • ·Editorial mobile catalogue with trending designs and category swimlanes
  • ·Product variants — size, weight, surface finish, Thermocol / Regular packing
  • ·Box-level cart and order lifecycle through dispatch
  • ·Admin console — orders, factory batches, dispatch vehicles, catalog CMS
  • ·Nest.js REST API with role-based auth across mobile and web