Technical test written for Aula Education. The objective was build React project showing the top 100 albums and top 100 songs based on the json feed from iTunes

Demo

• Node 15.x
• NPM 7.x

# install the dependencies
yarn

# start the project
yarn start

The project will be available on localhost:3000

If you have docker and docker-compose you can use the options below:

docker-compose up -d --build

The project will be available on localhost:3000

docker-compose -f docker-compose.prod.yml up -d --build

The project will be available on localhost

# for development with watch
yarn test

# to see the coverage
yarn test:coverage

• The site lists the top 100 albums using the iTunes API
• The site has 3 pages: albuns, songs and favorites
• When the user clicks a card from the albums or songs page, it is selected as favorite and its color changes
• When the user clicks a card in the favorites page, it is removed from favorites
• The search bar can be used on all pages and a clear button appears after text has been entered.
• The site is responsive. On mobile the entries are displayed a single row list. When the screen is 768px or higher the entries are displayed in a three-row grid