Giter VIP home page Giter VIP logo

project-1's Introduction

Plan N' Jam

The objective of this project is to automatically generate a music playlist based on the selected genres by the user for each activity of the day. The user can enter the activity and select the timeslot then the playlist will be randomly generated based on the selected musical genres and saved to the page. All generated playlists will be available to the user in View Activity page, where user can view the upcoming activities and listen to generated playlists via Deezer Player Widget.

Link to the Deployed application

Project management board

End to End flow

  • Given a user want to generate a playlist When a user enters the Activity Name, Select the time slot from the dropdown

  • And chooses one or more genres from the list

  • Then playlist will be generated with songs randomly selected from each chosen genre

  • When a user chooses more than one genre from the list

  • Then songs will be randomly selected from each genre

  • When a user clicked “+” add an activity button

  • Then activity name, time slot, song: title, artist, album and duration stored to the local storage

  • When a user clicked “+” add an activity button

  • Then Activity name and a time slot will be appended to the Home page

  • Given a user want to see their generated playlists for each activity

  • When user click on View Activity

  • Then user can see tables generated for each activity with the activity Title and time slot selected and song: title, artist, album and duration data from local storage

  • Given a user want to listen to the generated playlist

  • When user navigates to the View Activity Page

  • Then user can listen to the generated playlist

Technologies Used

  • JQuery - used for DOM manupulation and ajax request
  • Materialize - CSS Framework
  • HTML - used to create elements on the DOM
  • CSS - styles html elements on page
  • GitHub - hosts repository that can be deployed to GitHub Pages
  • Deezer API allows you to listen to more than 30 million tracks, create your own playlists, and share your favourite tracks.
  • Deezer Player Widget

Contributors

project-1's People

Contributors

kionling avatar liza-p avatar roycewilliams510 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.