All works

Spotify Clone

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

  • React
  • Spotify API
  • Material UI
Screenshot of Spotify Clone
Source code

The live demo is offline. The Firebase Hosting site has been removed. The code is on GitHub.

A front end for your own Spotify account, built on the Spotify Web API.

What it does

  • Log in with your Spotify account
  • Your playlists in the sidebar and your Discover Weekly on the home page
  • Player bar UI (no playback)

How it’s built

React, Material UI and spotify-web-api-js, with state in a React Context data layer.

More projects

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