Giter Site home page Giter Site logo

music-app's Introduction

Music App

This is a web app for music lovers, the functionalites of the web app include:

  • Searching for Music on basis of 3 categories
    • Top charts
    • Hot charts
    • Weekly top charts
  • The search is carried out on the basis of countries, the web app currently offers 4 countries to search by:
    • USA
    • UK
    • India
    • Italy
  • There is also a feature to limit the number of results you want from the search, this parameter is important and doesn't have any default value
  • Another feature is viewing a snippet of the lyrics of the songs.

The Web app uses the MusixMatch API. The Web app uses Vanilla JS to make AJAX requests using the XMLHttpRequest object. Two methods of the API are put into use:

  • chart.tracks.get
  • track.lyrics.get

The code uses a Free API Key and hence the track.lyrics.get method only returns 30% of the lyrics of a particular song.

The design of the site has been kept pretty minimalistic by me, as I mainly wanted to this as a small project particulary to make a project demonstrating AJAX using Vanilla JS.

The Request to the API may fail due to CORS, Please make sure you have some kind of CORS extension added to your browser.

Anyone may contribute to the project, if they feel that they can make the code better or add any other feature.

music-app's People

Contributors

sabeelahmad avatar ashkush21 avatar

Forkers

somz22

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.