All works

Amazon Clone

An Amazon-style store with sign-in, a basket, Stripe checkout and order history.

  • React
  • Firebase
  • Stripe
Screenshot of Amazon Clone

A working e-commerce flow modelled on Amazon: browse products, add them to a basket, pay with a Stripe test card and see the order in your history.

What it does

  • Sign up and sign in with Firebase Authentication
  • Basket that keeps a running subtotal, shared across pages with React Context
  • Checkout with Stripe Elements, with the payment created on the server by a Firebase Cloud Function
  • Orders saved to Firestore and listed on an Orders page

How it’s built

React with React Router, Firebase (Auth, Firestore, Cloud Functions) and Stripe.

More projects

OfflineScreenshot of Excel Clipboard

Excel Clipboard

Paste cells copied from Excel and get an HTML table on the page.

  • React
  • TypeScript
  • Sass
OfflineScreenshot of Google Clone

Google Clone

A Google search page and results view, powered by Google's Custom Search API.

  • React
  • Google Search API
Screenshot of Coloors

Coloors

A colour palette generator: lock the colours you like, tweak the rest, and save palettes.

  • JavaScript
  • chroma.js