One Hit Wonders
Introduction
- The goal of this group project was to create a React application and self learn the set up of a backend server. We wrote a dataset, connected it to PostgreSQL using the ORM Knex, and deployed both the app and api using Heroku.
- Visit One Hit Wonders to see a list of six decades, which upon clicked, load ten inline Spotify elements that represent one hit wonders from that decade. The user can play the song from that element, click a link to visit the song’s Spotify page, and can click buttons to filter by song mood or to see additional information about the song/artist.
Technologies
- React
- JavaScript
- postgreSQL
- Knex
- Cypress
- Router
- HTML
- CSS
Features
- Listen to the songs within the application through an embedded Spotify player.
- Filter songs in a decade by mood.
- Find out more information about the artist/song.
Possible Future Extensions
- Create a favorites list which can exported to Spotify as a playlist.
Set Up
- Deployed application: https://one-hit-wonders-app.herokuapp.com
- Deployed API: https://one-hit-wonders-api.herokuapp.com/api/v1/oneHitWonderz
Organizational Resources
Sources
Contributors
Project Specs
- The project spec & rubric can be found here
