E-commerce — storefront, seller & admin

Tyngle 

Three connected apps for one e-commerce business: a storefront for parents shopping toys and learning kits, Seller Central for managing listings and orders, and an admin console for catalog, content and reporting.

  • Next.js
  • React
  • Tailwind CSS
  • Node.js
  • Express
  • MongoDB
  • Cloudinary
  • JWT
Year
2026
Role
Frontend development
Team
Team project
Tyngle — Storefront homepage
Tyngle — mobile

(01)The challenge

Shoppers need fast, clutter-free discovery; sellers and operators need dense, task-first dashboards that stay quick even with lots of data.

(02)The solution

Performance-first storefront UI with predictable navigation, plus reusable dashboard patterns — optimised tables, forms and status views — shared across the seller and admin apps.

(03)Features

What it does.

01

Storefront

Catalog, categories, search, filters and product pages tuned for speed.

02

Seller Central

Products, inventory, orders, payouts and analytics in one dashboard.

03

Admin console

Catalog, orders, users, media and CMS content management.

04

Media pipeline

Cloudinary uploads and optimised image delivery.

(04)Screens

A closer look.

Tyngle — Shop page
Shop page
Tyngle — Product details
Product details
Tyngle — Seller dashboard
Seller dashboard
Tyngle — Seller orders
Seller orders
Tyngle — Admin dashboard
Admin dashboard

(05)Process

How it came together.

01

Discover

Understanding the goal: shoppers need fast, clutter-free discovery; sellers and operators need dense, task-first dashboards that stay quick even with lots of data.

02

Design

Structure, key screens and the look agreed before any code was written.

03

Build

Developed with Next.js, React, Tailwind CSS — fast, responsive and maintainable.

04

Launch

Tested on real phones and desktops, then deployed to production.

05

Improve

Fixes, refinements and new features based on how people actually use it.

(06)Under the hood

Highlights

  • ✦Three production apps sharing one design language
  • ✦Auth-aware routing and protected sections
  • ✦Responsive on mobile, tablet and desktop

Architecture

  1. 01Next.js clients
  2. 02Express API
  3. 03MongoDB
  4. 04Cloudinary

Services used

Tech stack

  • Next.js
  • React
  • Tailwind CSS
  • Node.js
  • Express
  • MongoDB
  • Cloudinary
  • JWT

Want something like this?

Tell us what you're building. We reply within 24 hours with honest advice and a clear next step.

Start a project →