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
- 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
andfavorites
- When the user clicks a card from the
albums
orsongs
page, it is selected asfavorite
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