Adalab/clarke-s4-eval-trd-Tokytome

Name: clarke-s4-eval-trd-Tokytome

Owner: Adalab

Description: clarke-s4-eval-trd-Tokytome created by GitHub Classroom

Created: 2018-01-30 01:38:17.0

Updated: 2018-01-31 20:17:26.0

Pushed: 2018-01-31 20:34:03.0

Homepage: null

Size: 779

Language: CSS

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Evaluation exercise - Sprint 4

This exercise consists in developing a webpage with a list of characters from Harry Potter, that can be filtered by character name. It will be created using React.

Parts of the exercise:

1. Character list

For the first part, a web containing a list of Harry Potter characters will be created. For this, a herokuapp service which return information about 25 characters from the series will be used. For each one, we will draw, at least:

• Name
• Picture
• House
• Alive?

2. Character filter

The second part consists of adding search by name capabilities. For that, an input will be included into the UI, so as a name starts to be written into the input only the characters whose name contains the words already written will show on the list.

3. BONUS: Visual improvements

For finishing, some visual improvements can be applied for this exercise:

• Show a character's house and if it's dead using an icon
• Using some grid system to draw the characters
• Responsive for small devices
• Centered and aligned texts

  ---

  In addition to the previous points, this exercise also includes the following functionalities:
• Search ignores upper/lower case
• If there are no results, it shows a message
• The border for each character's card shows the color of his/her house
• If the character is dead, his/her picture will have an icon overlay