Made as part of KEA's multimedia design, during third semester front-end development course.
Assume the role of a Hogwarts system administrator right here.
Or check out the Vue clone. Or the React clone.
Due to poor UX, it may not have been noticeable, but the loading animation crest serves as a way to navigate from house to house.
Click it at the bottom of the screen to open the menu and hit any house to visit that house, changing the logo and colour theme.
To return to the original list, hit the 'H' in the middle of the four houses.
Browse the students of Hogwarts with the option to:
- make 2 students of each house prefects, but only 1 male and 1 female
- make any student an inquisitor if they are from that one evil house or they are full-blood
- expel anyone. yep.
Search through students by their first and last name using the input field next to the magnifying glass looking wand thingy.
It matches by anywhere in the either first or last name.
To open the filtering click next to the badge icon to enable filtering by:
- All Students
- Current Studets
- Expelled Students
- Captains
- Prefects
- Inquisitors
Sort by either first name, last name or house in alphabetical order by clicking next to the hat icon.
Reversable by clicking again. Default is first name a-to-z.
To hack Hogwarts, input imperio in the search field and hit enter.
You might notice some changes:
- regarding blood status,
- when making students inquisitors,
- and a new student? I wonder what might happen if you expel them one too many times...