Screenshot of Music Box — A music streaming app with playlists, search and authentication, built on the Deezer API

Music Box

A music streaming app with playlists, search and authentication, built on the Deezer API

View Live SiteView Source Code

About This Project

A web-based music player built during my time at Decagon, streaming 30-second previews via the Deezer API. I worked on the frontend and contributed to the Node/Express backend, including the authentication layer.

Key Features

  • Stream Songs: Users stream 30-second previews across the Deezer catalogue.
  • Create Playlists: Curate and customise playlists, adding individual tracks or full albums.
  • Search: Search across songs, albums, artists and playlists.
  • User Authentication: Sign-in and sign-up via JWT and OAuth for a personalised library.

Technology Stack

Frontend

React, TypeScript, CSS, Material UI

Backend

Node, Express, TypeScript, MongoDB, Jest, GitHub Actions, JWT/OAuth

Project Outcome

Built as a team project during Decagon, Music Box covered the full path from OAuth through to streaming and playlist management.