Project Overview

The Jammming project is a React web application that allows users to search the Spotify library, create custom playlists, and save them to their Spotify accounts. The purpose of this project is to practice building a web app using React components, passing state, and making requests with the Spotify API.

Technologies Used

• HTML
• CSS
• JavaScript
• React

Features

• Users can search for songs by song title.
  • The application can also include functionality to search by other attributes like artist's name, genre, etc.
• Users can see information about each song such as title, artist, and album for the songs they queried.
  • The design of the information displayed can be customized.
• Users can export their custom playlists to their personal Spotify accounts.

Future Work

• Implement user authentication to allow users to log in with their Spotify accounts.
• Improve the user interface and design of the web application.
• Add additional features such as creating and managing multiple playlists, adding song recommendations, etc.

How to Run the Application Locally in Your Computer

1. Clone the repository from GitHub.
2. Install the necessary dependencies using npm install.
3. Obtain a Spotify API access token.
4. Set the access token in the Spotify utility file.
5. Run the application using npm start.
6. Access the application in your web browser at http://localhost:3000.

How to Run the Application In Browser

For this application, I used surge as a deployment method. To view the application, simply follow these steps:

1. Click on this link: https://emiliojammingproject.surge.sh
2. That's it.

Acknowledgements

This project was developed as part of a React web development course in the Front-End Path at Codecademy.