Jamming App
Jamming is a web application where you can create your own custom playlists. The Jamming app allows users to search for songs, add them to a playlist, and save this playlist to their Spotify account. This project is a cornerstone of Codecademy's Full Stack Engineer path.
I also deployed this app via Netlify. Bellow can you find a link that lead to the app :
Jamming website
Legend : appearance of the application
Key Features:
- Search: Utilize Spotify's vast library to find your favorite songs.
- Playlist Creation: Add songs to a custom playlist with ease.
- Spotify Integration: Authenticate and save your playlists directly to your Spotify account.
I only implemented this functionnality but the API of Spotify offer much more possibility of interraction with the user account.
Legend : structure of the App (Components on the left) and JSX of the main component App that containt some of the components that manage key feature of the App.
Technologies Used:
- React: For building the interactive user interface.
- JavaScript (ES6): To implement the app's logic and functionality.
- Spotify API: To fetch and manipulate music data.
- CSS: For styling the app and ensuring it’s responsive and visually appealing.
Legend : dashboard from my Spotify for Developers account where i could register my app to be able to fetch data from the spotify API.
How It Works:
- User Authentication: Securely log in using your Spotify account.
- Song Search: Input a song name, album, or artist in the search bar.
- Add to Playlist: Select songs from the search results and add them to your playlist.
- Save to Spotify: Once satisfied with your playlist, save it to your Spotify account with a single click.
Legend : Requirement of authentification by Spotify to interract with the account of the user.