https://github.com/wfercanas/jammming

[🟣 Easy] React project developed within the Codecademy Fullstack Engineer Path.
https://github.com/wfercanas/jammming

front-end react

Last synced: 5 days ago
JSON representation

[🟣 Easy] React project developed within the Codecademy Fullstack Engineer Path.

• Host: GitHub
• URL: https://github.com/wfercanas/jammming
• Owner: wfercanas
• Created: 2021-07-21T16:19:48.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-07-23T00:22:56.000Z (over 3 years ago)
• Last Synced: 2024-12-24T23:24:46.683Z (about 2 months ago)
• Topics: front-end, react
• Language: JavaScript
• Homepage:
• Size: 3.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Jammming

### Difficulty: 🟣 Easy

## Project URL

🚀 You can check the project working in the following link: https://wfercanas.github.io/Jammming/

## Project Description

This web app lets you create playlists in your Spotify Account. This is enabled by allowing the user to search for songs in the Spotify Library and add them to an initial empty playlist ready to be created. When you decide all the songs you want for your new playlist are already selected, you can give your playlist a name and then save it to your Spotify Account.

## Project intention

This project is developed within the fullstack web development path of Codecademy and it's intention is to practice React while building a web app that also connects with the Web API of Spotify to access the account of the user to retrieve songs and create playlists.

## Protection of data and management of tokens.

To access your account in Spotify, you will be prompted to login in that platform. Given this, I do not get access to your credentials or personal data. Also, the web app uses an authorization flow that doesn't have permission to refresh or extend tokens when they expire, forcing the app to fetch the Spotify API for a new one.

## Technologies used

HTML5, CSS3, and React.

## Designs and Assets

All the design and assets used in the page were provided by Codecademy.