Deployment Hosted by Netlify: https://playlistgenerator2.netlify.app
This playlist generator is a web application designed to help users create customized playlists based on their music preferences and recommendations. The application offers features to recommend songs, generate a playlist, and allows the user to manage music selections seamlessly. ** Because the app is still in development mode through Spotify, only users added through the app's settings can currently use its functionality **
The color palette was choosen using coolors in order to form a cohesive and clean design.
The primary font used in the application was choosen from Google Fonts for its readability and modern appearance, with fallback options for cross-browser compatibility.
The layout of the application is designed to be intuitive and responsive, and adapts to various screen sizes using media queries.
The purpose of this app is to provide users with a convenient tool for curating personalized playlists effortlessly. By leveraging Spotify's external APIs, the application delivers tailored song recommendations and playlist generation capabilities, allowing the user to customize their listening habits.
Song Recommendations: Utilizes Spotify's external API to suggest songs based on user preferences. Playlist Generation: Allows users to generate custom playlists tailored to their music tastes. Responsive Design: Ensures that the application looks good and functions well on multiple screen sizes and devices.
The application uses state management techniques, such as React's useState and useEffect hooks, to keep track of user interactions and data retreived from the API.
The application fetches additional data from the Spotify API to access user playlists, top tracks, and artist information. Specifically, it takes 20 of the users top songs and 20 of the users top artists, randomly chooses 2 of each, and generates recommendations based on those four criteria.
This app uses the Authorization Code flow for user authenication on the back-end to ensure the safety of important variables. The Spotify WebAPI Documentation was used as reference during development.