malthesers / hogwarts

Assume the role of a Hogwarts system administrator.

Hogwarts

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.

📋 Instructions

🏠 House Navigation

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.

🛡️ Admin Powers

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.

👀 Searching, filtering and sorting

🔍 Searching

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.

📛 Filtering

To open the filtering click next to the badge icon to enable filtering by:

• All Students
• Current Studets
• Expelled Students
• Captains
• Prefects
• Inquisitors

↕️ Sorting

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.

👨🏻‍💻 Hacking Hogwarts

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...