Listify

This is a spotify api app giving the user music recomendations based on their listening taste

Table of contents

• General information
• Used technologies
• Access to deployment

General information

This is a web app created in React, with the API calls handled by Node.js. Final goals of the project are: displaying the top artists of each user, giving the user recommended music playlists automatically generated based on their listening taste, possibility of modyfying the generated playlists.

Used technologies

• React.js
• Styled components
• Use scroll position hook
• Node.js
• Express
• Spotify Web API

React

Client side rendering handled by React. Initial template has been bootstrapped by Create React App.

Styled components

Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and style. Documentation

Use scroll position hook

Use scroll position hook used for animations on top animations site. Documentation

Node

Back-end handled by Node.js

Express

For better optymalization Express

Spotify Web Api

Based on simple REST principles, the Spotify Web API endpoints return JSON metadata about music artists, albums, and tracks, directly from the Spotify Data Catalogue. For more context checkout official spotify api docs. For ease of use this project uses Spotify Web API Node

Access to deployment

Site is available on Heroku:

Check it out