One Hit Wonders

Table of Contents

• Introduction
• Technologies
• Features
• Possible Future Extensions
• Set Up
• Organizational Resources
• Sources
• Contributors
• Project Specs

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 datase in a Node/Express server and deployed that server on Vercel..
• 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
• Node.js
• Express.js
• 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-wonderz-one.vercel.app/
• Deployed API: https://new-ohw-api.vercel.app/songs

Organizational Resources

• github project board
• data collection google doc
• wireframe

Sources

• MDN
• W3Schools
• CSS-TRICKS
• Knex
• postgreSQL

Contributors

• Cole Stephenson
• Ivy Nguyen
• Abby Luce

Project Specs

• The project spec & rubric can be found here