项目作者: peter-stuhlmann

项目描述 :
iTunes Tracklist built with React (Data from iTunes API)
高级语言: JavaScript
项目地址: git://github.com/peter-stuhlmann/iTunes-API-React.git
创建时间: 2019-05-06T08:35:08Z
项目社区:https://github.com/peter-stuhlmann/iTunes-API-React

开源协议:MIT License

下载


iTunes API

- built with REACT -

MIT License
Code size
downloads
open issues
closed issues


Screenshot

Screenshot

This project is based on React.
Here you can find my Vanilla Javascript version of this iTunes tracklist: https://github.com/peter-stuhlmann/iTunes-API


Start the React App

When you have cloned the repository, you have to install the node modules from package.json.

  1. $ npm i

After that you can start the React App with a npm command:

  1. $ npm start

Features

This project was created with React (create-react-app) and is divided into several components. The styling is written in SCSS.

fetch API data

The music data is fetched from the official iTunes API.

Search input

A search term can be entered in the input field. This is integrated into the API url and corresponding search results are output in a table. With current settings max. 20 results are displayed.

Local Storage

The LocalStorage stores the search term locally for the next session. If a new search term is entered, the value of the LocalStorage is overwritten.

Track counter

The track counter counts the tracks that are found and output for the entered search term (with current settings max. 20).

Audio player

The audio player (play / pause) plays a sample of the selected song.

React Router

Several Routes have been created with React-Router: currently Tracklist, Legal Notice and Privacy Policy.


License

Licensed under the MIT License.


© Peter R. Stuhlmann Webentwicklung. All rights reserved.