Jammming

Spotify web-client that allows you to search songs & create playlist on Spotify using the Spotify API. Codecademy practice project

Live link here

Table of Contents

• General Info
• Technologies Used
• Features
• Screenshots
• Setup
• Usage
• Project Status
• Room for Improvement
• Contact

General Information

This project was meant to practice connecting to an external API, authenticating as a user, loading data and adding data to it using a Front-End React app. Practice project from codecademy Full-Stack Developer career path.

Technologies Used

• React
• Javascript
• CSS
• HTML

Features

• Login to personal Spotify account on page load
• Search Spotify database for anything
• Display songs from search result in formatted content
• Add songs from search result to a list
• Remove songs from this list
• Give the list a name, and save as Spotify playlist to the user's account
• The playlist is directly visible in the user's Spotify application
• Select the webapp as a device to play / pause songs. The songs will play trough the browser app
• Play / Pause button

Screenshots

Usage

• Authenticate your Spotify account on page load
• Search for songs
• Add songs to playlist using the '+' sign next to a song
• Remove a song from the playlist clicking the '-' sign next to a song
• Give the playlist a name
• Save the playlist to user account by clicking the button

To Play trough the browser:

• Go to your official Spotify application of choice (desktop / mobile app)
• Under connected devices, select the web app
• Use the Play / Pause button in the webapp to alter the play state

Project Status

Project is: completed

Room for Improvement

• Select song from search result and play directly in the browser

Contact

Created by @arejasverduras - feel free to contact me!