The test consists in building a native app that searches for songs. You will be provided with the location of the service from which you will obtain the songs information as well as the creative file.
There are no restrictions on the use of platforms (iOS, Android, BlackBerry, Windows).
- Create a layout based on the PSD and the fonts found under the assets folder.
- Local storage. Save the songs in the device.
(*)
- Rotation.
(*)
- Internationalization.
(*)
You will need to start a fake json-server. Find all the info of how to use this module in the npm or github page. Then grap the db/song.json
json-server --watch db/songs.json
URL: [http://localhost:3000/songs?q=beatles]
Example:
[
{
"url": "spotify:track:7linrtr5px7i3r96mducjw",
"id": 8815585,
"songname": "twist and shout",
"artistid": 1833,
"artistname": "beatles",
"albumid": 5619520,
"albumname": "beatles"
},
{
"url": "spotify:track:7linrtr5px7i3r96mducjw",
"id": 8815585,
"songname": "i saw her standing there",
"artistid": 1833,
"artistname": "beatles",
"albumid": 5619520,
"albumname": "beatles"
},
...
]
-
When the user clicks on the magnifying glass icon, the app will make a request to the URL provided which will return a JSON and then you will dynamically load the grid with that data.
-
The [Today] and [Friday] buttons inside of each grid element must work as radiobuttons (meaning, when one is active the other is not).
-
The purple button will open a new web view from which the song will play.
There are no restrictions on the use of plugins or tools that you can use to develop the test. Adobe Photoshop is the only software you will need to have installed on your machine in order to complete the test.