Coder Social home page Coder Social logo

melodia's Introduction

Melodía

Use your Spotify account to to view your currently-playing song, liked songs, playlist. Users may also view their top artist and top tracks. This application is powered by Spotify's API and has access to Spotify's entire library of songs and artist. Users are able to create Song Baskets that can store songs, then sends that lists to Spotify to create an instantly populated playlist! Overview

Technologies Used HTML CSS Javascript React.js Next UI BootStrap Key Features

  1. Signin using Spotify Sign into the application with your Spotify Account using OAuth 2.0
  2. Create a Song Basket A Song Basket is a user friendly way to create playlist that are instantly populated with songs in Spotify. In the Song Basket Tab, the user can create a new Song Basket, with a name, description and image. Once the Song Basket has been created, the user can then add songs to Song Basket and when the user is ready to create the playlist, click on make a playlist and the list of songs will be sent to Spotify's API to create a playlist with the selected songs.
  3. View Liked songs and playlist Songs are displayed in the home page and in the their respective tab in the nav bar
  4. View Top artist and tracks The Profile tab, displays the current users top artist and tracks. Additional Information

Installation

$npm install $npm run dev

Contributing

Alberto Sierra Netlify Status License MIT

melodia's People

Contributors

sierrat0nin avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.