alissatroiano / Jammming-App

A web app that allows users to create & save playlists directly to their Spotify account

Jammming Spotify Playlist App

Jammming is a web-based app that allows users to search for songs, create new playlists, edit the playlist titles and upload the playlists to their personal Spotify accounts.

This app was built with React as the Capstone project for Codecademy.com's Intensive Front-End Web Developer course.

A live demo of my version of this Codecademy Project / App was successfully deployed with Surge and can be viewed at this link: http://dragon_dance.surge.sh

Functionality:

Individual songs/tracks can be both added and removed from the New Playlist by using the corresponding + and - buttons. Playlist titles may be renamed and each playlist will be successfully saved to the user's account as soon as they click the "Save Playlist" button.

Authors

• Project: Codecademy.com
• This Project Build: Alissa Troiano

Advanced Features

In addition to the steps required by Codecademy to complete the project, this build also includes the following features:

• Pressing enter triggers a search
• Successful deployment using Surge (an optional step)
• Custom CSS elements (including a new background palette)

Requirements

In order to properly complete this project, the following React skills were utilized:

• Knowledge of React components
• Passing state and requests with the Spotify API

Project Steps

1. Create a React Application (using create-react-app)
2. Create Static Components
3. Pass Down Search Result and Render Result List
4. Pass down Playlist to TrackList
5. Add Tracks to a Playlist
6. Remove Tracks from a Playlist
7. Change the Name of a Playlist
8. Create a Method that Saves the Playlist to a User's Account
9. Hook up Search Bar to Spotify Search
10. Obtain a Spotify Access Token
11. Implement Spotify Search Request
12. Save a User's Playlist Step 13 (Deploy) is an optional step that has been successfully implemented & included in this build