Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/salvillalon45/codecademy-jamming

[Codecademy Course: Build Web Apps With React] - Project: Jamming
https://github.com/salvillalon45/codecademy-jamming

Last synced: 8 days ago
JSON representation

[Codecademy Course: Build Web Apps With React] - Project: Jamming

Awesome Lists containing this project

README

        

# codecademy-Jamming
[Codecademy Course: Build Web Apps With React] - Project: Jammming
- A web application that uses the Spotify API to allow users to search for music and create new playlist based on the search results. The newly created playlists will be shown on the Spotify account.

# Summary
- This project is the Capstone project of Codecademy Create a [Front-End App with React](https://www.codecademy.com/learn/paths/build-web-apps-with-react). This course served as my introduction to React. I did this project two times since the first time I finished it I felt I was not really understanding what was going since I was not able to put enough time into due my internship work and other projects I was working on after work. After my internship was over, I decided to do this project again. I am glad I did this as now I have a better understand and found a love for React.
- Also, I learned how to deploy this website using Surge. Surge is great tool that allows easy deployment of simple, single-command web publishing. I will start using this for my projects.

# Instructions
- You need to have a Spotify account. If you do not have one, [you can create one here](https://www.spotify.com/signup)
- When you try to search for something, it will first try to authenticate you via Spotify OAuth service.
- Once you are authorized, it will redirect you back to the application
- Enter a song, album, or artist
- Results will display a list of songs
- Click on the plus sign on the right. This will add the song to the new playlist section
- Continue doing this for the desire amount of songs
- Once done with your selection click on the "New Playlist" header and enter a desire name for your playlist. (Note if you do not change the name from New Playlist then it will not create a playlist.
- Then click on save playlist
- See the playlist on your Spotify Account

# Technology
- HTML
- CSS
- Spotify API
- React
- JavaScript
- Surge
- Git