website icon Dynamic web application

Dynamic web application to display recently played songs and upcoming concerts.

My role

Front-End Development Software Engineer Prototyping UI Design

Tools

NextJS ReactJS JavaScript Figma CSS Modules Spotify REST API Ticketmaster REST API

Background

I used Spotify’s OAuth system to acquire an access token, which allowed me to fetch the user’s recently played songs. After retrieving the JSON data with song and artist details, I used each artist’s name to make a request through a proxy route in Next.js, fetching related events from the Ticketmaster API. Additionally, I implemented the Color-Thief API to extract the dominant color from each song’s album image, using this color palette to enhance the visual experience of the web app. I wasn't able to deploy my project live because Spotify places a restriction on web apps until they are approved.

Timeline

Check out other projects

new GMB landing page design

GMB Fitness

UX/UI Engineer

Prototyped new landing page backed by user testing

new GMB landing page design

GenEvo

UX/UI Designer

A case study on gene editing company

new GMB landing page design

Consulfi

Web Developer & Designer

Designed & developed custom websites for clients