The task comes with a setup react app with JSON data pre loaded and ready to use in the main app. The challenge is to allow the user to search the music data. In one hour, please complete as many of the tasks as possible. We do not expect you to finish this test, just do as much as possible in the time frame.
- Clone this repository
- Install dependencies
package.json
contains a script namedstart
run this script to start the project.
The test uses styled-components and example of this can be seen in App.styles.js
If you are not familiar with styled components feel free to use css
. Creating App.css
and importing into main app will work by default.
Using the data provided in music.json
:
- Display a list of all the music data provided. For each list item display the Artist, Title, Year and Genre. Don't worry about the Track list for now
- Add a text input above the list of music.
- Use the input to filter the data shown to the user as they type filter using the
title
of the song. - Expand the search capabilities so the input also searches
artist
,year
andgenre
- Improve performance by not searching the tracks until the user has finished typing
At a high level we are looking for:
- Well structured code
- A good level of understanding of React
- Descriptive and regular commit messages
- Good use of Javascript data manipulation methods