Dance Gavin Dance

Over 3 years ago2 min read

A fan-made site for the band Dance Gavin Dance

View Site | Code on Github


Tools Used: React, Sass, BandsInTown API


What I learned

  • The basics of React. (React Router, Component Lifecycle, State).
  • How to make API requests and use promises.
  • Using Sass variables and mixins.

What it does

dgd grid

It’s a simple landing page style website that uses the BandsInTown API to list the most recent tours that are happening for the band, as well as listing all of the albums, with links to listen to that album on YouTube.

dgd tourdate

After fetching the API response, the text is positioned over the image to make it look like it’s part of the image.

There’s also another page that has the next year of tour dates listed, with a link to get tickets for each of them.