JamSess is a web application that allows users to search for songs, albums, and artists using the Spotify API. Users can add or remove a song to a playlist that can be saved to their Spotify account. The application is built using React, uses the Spotify API and deployed on Netlify.
For a running version of the app, visit JamSess. Please note this app is currently under development. While V0 is functional, V1 with additional features is in progress.
- Clone the repository
https://github.com/keshiacor/jamsess.git
- Navigate to the project directory and install npm the dependencies using npm
npm install
- You will need to create a Spotify Developer account and create a new app to obtain a client ID and secret. Follow the instructions on the Spotify API documentation to get started
- Run the project
npm start
- Users can search for a song based on title, artist or album
- Users can add a song to a playlist by clicking the "+" icon
- Users can remove a song from the playlist by clicking the "-" icon
- Users can save a the playlist to their Spotify account
- Users are redirected to sign in to their Spotify account upon searching for a song
- Users can provide a custom name to their playlist
- Users cannot save an empty playlist
To see a demo video of the app, you can checkout this Loom video.
- React: React library is used here to build the user interface, create components, manage state and props.
- Spotify WebAPI:
- Netlify:
- Html: The structure of the web page is built using HTML.
- CSS: The styling of the app is done using CSS mainly.
- JavaScript: Used as programming language to handle the interactive functionality of the app.
- React
- React-DOM
- React-Scripts
- NPM
- Node
Users will be able to preview the track by clicking on the play button.
Users will be able to see the album image of the track. This will appear with their search results.
Adding unit test to the app. Support for mobile experience.