← Back to homepage
Personal Live

Sole builder

Apr 2021 (course) · Modernized Jun 2026 – present

MERN's Shop

Production-style electronics store for phones, tablets, TVs, and consoles — catalog browsing with variants and filters, guest and registered checkout via PayPal sandbox, admin panel for products/orders/users, installable PWA with web push, SEO for crawlers, and ATDD with Playwright + Vitest. Modernized from a 2021 Udemy exercise to a 2026 portfolio centerpiece on MongoDB Atlas and Render.

Live electronics e-commerce with ~170 products, PayPal checkout, admin ops, installable PWA, and 100+ automated tests.

React TypeScript Express MongoDB Redux Toolkit Vite Mongoose PayPal PWA Playwright Vitest Docker Render
MERN's Shop hero preview
MERN's Shop gallery image 1
MERN's Shop gallery image 2
MERN's Shop gallery image 3
MERN's Shop gallery image 4
MERN's Shop gallery image 5

Problem

Portfolio e-commerce demos often stop at basic CRUD. Real stores need variant catalogs, payment flows, admin operations, mobile UX, SEO, and test coverage that catches regressions across the stack.

Approach

I built a deployable MERN app with a rich gadget catalog, PayPal checkout, httpOnly cookie auth, admin workflows, PWA + push notifications, and ATDD — acceptance tests first, then integration and unit layers, with CI gates on every push.

Related capabilities

  • Full-stack development
  • PWA
  • Billing integration
  • Admin Dashboard
  • Docker Containerization
  • Website Domain and Deployment
  • Acceptance-test-driven development (ATDD)

Links