Inspiration and What It Does

Wanting to do a little more than just create a website on Halloween, this website was made to include a little more than just information! We have a selection of fun Halloween themed games to get you in the spirit!

How we built it

Halloween was built using HTML(to build layout), CSS(to style elements), and Javascript(for interactivity)!

Challenges we ran into

Some of the challenges we ran into:

  • Working out the animations. This was my second time working with scroll based animations, so it took a while to get used to creating these animations (especially the timeline one).
  • Programming the games from scratch! It took a while to get all the visual aspects perfect to create a fun User Experience!

Accomplishments that we're proud of

  • The Countdown Timer
  • The Selection of Games in the Games Section (How many of the Trivia Questions can you get right?)
  • The Animations (My favorite is the Timeline one!)
  • The disappearing Witch's Hat! (Can you find it?)

What we learned

I learned to synthesize my code so it is as efficient! For example I learned to do this:
.parent:hover .child { /*changes that need to be made */ }

Versus creating an eventListener for the parent element to change the child.

What's next for Halloween!

Why stop at two games when you can have more? Halloween! is hoping to be able to add more games to this website! Currently a Halloween themed memory game is in the works, but I would love to hear any suggestions you may have on Halloween related games.

Citations

  • All Images are royalty-free (from Pixabay) or Taken By the Creator(Me!)
  • History.com was used to create the Timeline on the Second Web Page

Colors and Fonts

Colors Hex
Orange #F98128
Purple #5D2586
Light Orange #FDE5D4
Light-Purple #5D258666
Black #000000
White #FFFFFF
Fonts
Creepster
Nosifer
Arial

Built With

Share this project:

Updates