We want you to build a web application with the following requirements:

• Good news!! Support only on iPad (1024x768) screen size :)) no RESPONSIVE!!

• You can run service api by yarn run api
• The endpoint to get Pokémon list is [GET]http://localhost:3030/api/cards
• query
  • limit: default 20 item/
  • name: search monster by name
  • type: search monster by type
  • example: http://localhost:3030/api/cards?limit=30&name=picha&type=normal

• HP level calculation maximum is 100. if value is higher than 100 set it to 100, otherwise 0.
• Strength level calculation multiply by 50, maximum is 100. e.g. if value is 1 set it to 50, 2 set it to 100, otherwise 0.
• Weakness level calculation multiply by 100, maximum is 100. e.g. if value is 1 set it to 100, otherwise 0.
• Damage calculation attacks damage value without symbol. e.g. 50+ set it to 50, 20* set it to 20, otherwise 0.
• Happiness level calculation ((hp / 10) + (damage /10 ) + 10 - (weak)) / 5

Pikachu {
  name: 'Pikachu',
  hp: 110,
  attacks: [
    { name: 'attack A', damage: '20+'},
    { name: 'attack B', damage: '40x'}
  ],
  weaknesses: [
    { name: 'weakness A'},
  ]
}

Output {
  hp: 100,
  atk: '100%',
  weak: '50%',
  damage: 60,
  level: 5
}

• Atma:700
• Gaegu

• If you can complete all the requirements above, We surely score you 100!!!! NO reason!!
  • We will give you all the feedback later ;)
• IF YOU FEEL LIKE SOMETHING IS MISSING, WE HAVE EXTRA SCORE FOR ANY ADDITIONAL THING YOU CAN PROVIDE. (Extra can be unit test, refactoring, performance tuning, etc. REMEMBER MAXIMUM IS NOT 100!!!)

If you have any questions, please do not hesitate to ask us anytime. Wish you luck!! :)