Independent project

ShowOff

A complete MERN e-commerce project pairing a customer storefront with an admin dashboard and shared commerce APIs.

Visit live product View source code ↗Visit admin demo ↗

01 Project overview

ShowOff connects the customer shopping experience to product, order, user, and administration workflows. The storefront and admin dashboard are two interfaces to one e-commerce system, presented together here to show the full application.

My role

I built the storefront, administration interface, RESTful APIs, authentication, and Docker / GitHub Actions deployment workflow as an independent full-stack project.

02 Problems solved

  • A storefront needs a connected backend for product, order, and user operations.
  • Administration actions require authenticated API access and validated requests.
  • Application delivery needs a repeatable process across frontend and backend services.

03 Technical implementation

Connected shopping & administration

Developed a customer storefront and admin dashboard around shared products, orders, users, and backend operations.

Commerce APIs & authentication

Built RESTful APIs for products, orders, users, and administration, with JWT authentication, request validation, and API rate limiting.

Repeatable delivery

Used Docker and GitHub Actions to support automated build and deployment workflows for the full-stack application.

04 Technologies used

  • React
  • Node.js
  • Express.js
  • MongoDB
  • JWT
  • Docker
  • GitHub Actions
  • REST APIs

05 Challenges & solutions

Challenge 01

Keeping storefront and administration behavior connected as one system.

Solution

Built both interfaces against shared commerce APIs instead of maintaining separate product and order records for each interface.

Challenge 02

Protecting commerce operations and making deployments repeatable.

Solution

Added authenticated API boundaries, request validation, rate limiting, and container-based delivery through CI/CD.

06 Product in focus

ShowOff customer storefront
The customer-facing storefront, captured in the original portfolio's project imagery.
ShowOff administration dashboard
The administration dashboard for the same commerce system.

07 Architecture & technical details

The storefront and admin dashboard share an Express API and MongoDB commerce data model. Docker and CI/CD provide a delivery path for the application.

  1. Customer & admin interfaces

    React interfaces serve shopping and commerce administration as distinct experiences within the same project.

  2. Commerce API

    Express exposes authenticated product, order, user, and administration routes.

  3. Data & deployment

    MongoDB stores commerce records; Docker and GitHub Actions support repeatable delivery.