Jammming - Playlist maker with Spotify API

Portfolio project with Codecademy's Full-Stack Developer course

Table of Contents

• The purpose of my project
• Technologies used
• Features
• Future work

The purpose of my project

The purpose of this project was to use well-used React functions as useState, useEffect, useContext and fetch. In addition, handling API-calls with REST-API was utilized. The objective was to create a website where the user could search for songs from the Spotify library and add them to a playlist. Which could be exported to the user's Spotify account.

Technologies used

• JavaScript
• React.js
• Spotify API
• HTML/CSS
• REST API
• Jest & React Testing Library
• Git
• Implicit Grant Flow Authorization
• OAuth 2.0

Features

• Searching for songs in the Spotify library
• Adding songs to the playlist
• Removing songs from the playlist
• Renaming playlist
• Ability to add playlist to user's Spotify account

Future work

• Responsive for different screen sizes
• Ability to search for songs by artist
• Random song lyrics as placeholder in search bar
• Show 3 popular tracks as inspiration

© 2024 Oliver Wigren