Jammming-Project

Purpose

Jammming is a web application that allows users to search the Spotify library, create custom playlists, and save them to their Spotify accounts. This project demonstrates the integration of React with the Spotify API to create a responsive and interactive music playlist management tool.

Screenshots

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• React
• Spotify API
• Netlify

Features

1. Song Search:

   • Users can search for songs by title
   • The search results display song title, artist, and album information

2. Custom Playlist Creation:

   • Users can create a custom playlist by adding songs from the search results
   • Playlists can be named and renamed by the user

3. Spotify Integration:

   • Users can log in to their Spotify accounts
   • Custom playlists can be saved directly to the user's Spotify account

4. Responsive Design:

   • The application is fully responsive and works on desktop Web.

Future Work

1. Include preview samples for each track

2. Only display songs not currently present in the playlist in the search results:

3. Add a loading screen while playlist is saving

4. Update the access token logic to expire at exactly the right time, instead of setting expiration from when the user initiates their next search

5. After user redirect on login, restoring the search term from before the redirect:

6. Ensure playlist information doesn’t get cleared if a user has to refresh their access token:

Prerequisites

To run this project, you should have a good understanding of:

• HTML
• CSS
• JavaScript
• React
• HTTP Requests and Responses
• Authentication mechanisms
• Netlify