/axa_code_test

React project as a code test for an AXA frontend position

Primary LanguageJavaScript

Our team here at AXA is playing a fantasy role-playing game and every time the heroes they play arrive at a town, they have the issue they don't know the local population and what they can do to help them on their adventures.

This is one of these times, our heroes just arrived at a Gnome town called Brastlewark. To facilitate trade with the local population they need an easy way to browse all the inhabitants details. We've found a server providing all the census data of Brastlewark at the following address:

https://raw.githubusercontent.com/rrafols/mobile_test/master/data.json

Gnomes in this town are not really social because they have too much work to do. That's the reason they can have more than one job and might have few or even no friends at all. They also appreciate their privacy so they've used some random images from internet, not specifically optimized for mobile devices, for their profile. (They are very modern in some aspects and they have smartphones and access to internet for instance).

Please write an Hybrid application using Angular 1.4 and typescript to help our team browse and be able to see the details of those inhabitants.

Specifications:

  • Retrieve data from the URL provided
  • Show this data in the most user-friendly way you could think. Keep in mind our eroes will be quite busy dealing with Orcs, so apps have to be really simple and asy to use. At least would be good to quickly browse (and even filter) all the ndividuals and be able to see the details of each one.
  • Document all libraries used and explain the reason you’ve used that library.
  • Test the app: add the most important test you think it is needed.

Bonus:

  • Be creative!
  • UI must not blocked by network connections or long operations
  • Images coming from network cached to improve performance
  • Error handling
  • Avoid using third party libraries for basic functionality (we want to see you know he basics!)
  • Use third party libraries for extended functionality
  • Snappiness & responsiveness over sluggishness & idleness
  • Determine gender of gnomes (just joking on this one but feel free to make your uess)
  • Test the app

WHY HAVE I USED LIBRARIES?

AXIOS

Make AJAX requests easily and with browser compatibility