Skip to content

A web application that allows the user to filter Harry Potter characters by house.

Notifications You must be signed in to change notification settings

HannahChristmas/hogwarts-javascript-phase-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Phase 1 Final Project- Harry Potter House Sorter

Overview

This is an application that allows the user to filter Harry Potter characters by house. When a house is selected, a list of the characters in that house will appear. Each character is clickable. When a character is clicked, more in-depth information will be displayed.

Installation Instructions

  • Fork and clone on github
  • Open index.html in the browser

Usage

  • Dropdown menu that displays the four Hogwarts houses
  • Select house to display all characters from that house
  • Hover over character to change text color
  • Click character to change text color again and display a character card containing a photo, name, house, patronus, and ancestry
  • Secret click event that changes the header to a different photo (Stretch)

Contributing

I am not open to contributions at this time.

Blog Link

My blog post about event listeners can be found here.

Video Link

My Youtube video about this project can be found here.

Resources

License

About

A web application that allows the user to filter Harry Potter characters by house.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published