React Test

What you should know we expect:

Your are going to use the next api: https://i8rmpiaad2.execute-api.us-east-1.amazonaws.com/dev/api/

Requirements:

• The application should have react + typescript, hooks.
• The app should have a route for each of the following end points:

- /api/artists
- /api/artists/:id/albums
- /api/albums/:id/songs

Example: https://i8rmpiaad2.execute-api.us-east-1.amazonaws.com/dev/api/artists

Then:

• There should be a component to list all artists
• In each artist info should be a list of albums
• In each album should be the list of songs and the posibility to play any of them
• In the component where I play the song should be atleast another 3 random songs of this artist as suggestions
• From home should be a button to play a random song

What you should know we expect:

• We expect you to deploy this app somewhere we can see it live.
• We expect you to structure your app in a way that makes sense and it's easy to understand.
• We expect you to write unit tests and integration tests for your app(Probably not for every single line but make sure you cover critical paths).
• We expect your to create each components and separate the logic and not write in only one component all code. The 2 outputs we expect from this test are a base url for the working app and a url to a public repository with the code.
• We expect you to design Frontend like this:
  • Artists list: https://vtex-resources.s3.amazonaws.com/resources/examples/test-react/ArtistsList.PNG
  • Albums list: https://vtex-resources.s3.amazonaws.com/resources/examples/test-react/ArtistSongsList.PNG
  • Songs list: https://vtex-resources.s3.amazonaws.com/resources/examples/test-react/SongsList.PNG
  • PlaySong: https://vtex-resources.s3.amazonaws.com/resources/examples/test-react/PlaySongs.PNG