Giter VIP home page Giter VIP logo

hacked-hogwarts-student-list's Introduction

The website displays a list of students from Hogwarts school. You can search, sort, and filter students by first name, last name, and house. From the modal window, you can expel a student, add him to the inquisitorial squad, or appoint a prefect.

Clicking the “Hack the system” logo in the upper right corner of the page will randomize students’ blood status, enroll you in Hogwarts, and remove all students from the inquisitorial squad if any.

Process:

  • Cleaning up the messed data from the JSON file using JavaScript string methods to capitalize first letters in names and houses, to remove spaces before and after names if present, to split full names into first, middle, last, and optional aliases, and build images sources.
  • Calculating blood status using an additional JSON file with a list of pure- and half-blooded families.
  • Adding a search field that immediately limits the listed students to those matching the search criteria.
  • Adding a possibility to sort names and houses in alphabetical order (ascending and descending).
  • Adding an option to filter students by the house, as well as show a list of students who are expelled, with prefects or from the inquisitorial squad.
  • Adding a possibility to expel a student without a chance to enroll him back.
  • Adding an option to add a student to the inquisitorial squad. Only students with pure blood or from the Slytherin house can be added.
  • Adding an option to appoint a prefect to a student. Only two students from each house can be selected as prefects.
  • Displaying the number of students in each list.
  • Removing all students from the inquisitorial squad, when the system is hacked.
  • Randomizing students’ blood status where students with pure blood get random status, and with half and muggle blood become pure-bloods.
  • Enrolling a hacker in Hogwarts with no chance to be expelled.

hogwarts landing page

hacked-hogwarts-student-list's People

Contributors

di-pri avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.