Works

Things I've built to learn something new, from file sharing to a drum machine. Open any project for the story behind it.

Showing 20 of 20 projects

Front endScreenshot of TRR Infra & Developers

TRR Infra & Developers

A real estate platform for a land developer: interactive plot maps and bookings for buyers, and an admin panel for branches, sales and leads.

  • React
  • React Bootstrap
  • Leaflet
  • Sass
Screenshot of Covid-19 Tracker

Covid-19 Tracker

Live Covid-19 numbers by country, with a world map, a trend chart and a sortable table.

  • React
  • Material UI
  • Leaflet
  • Chart.js
OfflineScreenshot of Share Files

Share Files

Upload files and share them with a single link. Self-hostable with Node.js and MongoDB.

  • Node.js
  • Express
  • MongoDB
Screenshot of Amazon Clone

Amazon Clone

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

  • React
  • Firebase
  • Stripe
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
Screenshot of Beat Maker

Beat Maker

A step sequencer for drum loops, with kick, snare and hi-hat tracks.

  • JavaScript
Screenshot of Todo App

Todo App

A todo list in React that keeps your tasks in local storage.

  • React
OfflineScreenshot of Recipe Search

Recipe Search

Search recipes by ingredient or dish, with results from the Edamam food API.

  • React
  • Edamam API
Screenshot of Discord Clone

Discord Clone

Discord-style channels and real-time chat, with Google sign-in.

  • React
  • Redux
  • Firebase
Screenshot of Airbnb Clone

Airbnb Clone

A front-end rebuild of Airbnb's home and search pages, with a date-range picker.

  • React
  • Material UI
Screenshot of Slack Clone

Slack Clone

Slack-style channels and messages, stored in Firebase.

  • React
  • Firebase
Screenshot of Hulu Clone

Hulu Clone

Browse movies and shows in Hulu's style, with live data from TMDB.

  • React
  • TMDB API
OfflineScreenshot of Facebook Clone

Facebook Clone

A Facebook-style feed with Google sign-in, stories and real-time posts.

  • React
  • Firebase
  • Material UI
OfflineScreenshot of Spotify Clone

Spotify Clone

Sign in with Spotify to see your playlists and Discover Weekly in a Spotify-style UI.

  • React
  • Spotify API
  • Material UI
OfflineScreenshot of Tinder Clone

Tinder Clone

Swipeable profile cards on the MERN stack: React front end, Node.js API and MongoDB.

  • React
  • MERN
OfflineScreenshot of TikTok Clone

TikTok Clone

A vertical video feed on the MERN stack, with videos served from a Node.js API.

  • React
  • MERN
OfflineScreenshot of iMessage Clone

iMessage Clone

iMessage-style chat rooms with real-time messages, built with React, Redux and Firebase.

  • React
  • Redux
  • Firebase
OfflineScreenshot of Instagram Reels Clone

Instagram Reels Clone

A vertical, swipeable video feed in the style of Instagram Reels.

  • React
  • Firebase