Mrst12/the-hopefuls

A Scare At Bedtime

Play it here

Introduction

Welcome to our spookathon interactive, animated halloween book. The book where you get to choose where the story takes you. Choose from an adult or children's story. The adults will take you on a trip around a spooky island, or the children's will spook your mind with a spooky doll, each page you will be presented with options, which path will you follow or will you be scared and want to return to the start.

Features

• Navigation Bar

  • Each page allows you to return to the home page via the name of the game.
  • If you dare to click it each page has a how to play button.
  

• Interactive

  • Choose from either an Adults or Children's story.
  
  - Each story page has two choices as to where the story goes.

• Animated

  • Buttons pop out, spiders crawl and ghosties float around. Text is animated to type.
  

• Spooky

  • Buttons throughout the site have spooky noises attached to them.

Future features

• Delay option buttons from appearing until text has finished typing.
• Mute button for sounds.
• Option for users to skip type animation

Technologies Used

• HTML
• CSS
• Javascript
• Github
• Git
• Balsamiq
• Font Awesome
• Bootstrap

Validator Testing

• HTML Validator
  • Errors were found and resolved. Warnings re section tags not having a heading.
• CSS Validator
  • No errors found.
• JSHint
  • No errors found. Several warnings re ES6.
• Lighthouse:

Unfixed Bugs

• Extra creep for mobile users - Spook: your layout is fecked and Spook: it’s back to normal, thanks ghostie! (Skustad, 2021)

Deployment

• The site has been deployed through GitHub pages.
  • In the GitHub repository navigate to settings.
  • From the source section drop-down menu, select the Master Branch.
  • Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

The live link can be found here: https://hartnetl.github.io/the-hopefuls/

Screenshots

Wireframes

Homepage

Game

Credits

• Audios:

  • FreeSound:
    • 'screamofsouls.wav' by 'univ_lyon3'.
    • 'kid.mp3' by 'Thegamemakerqueen'.
    • 'scream.wav' by 'kokopetiyot'.

• Images:

  • Flaticon:
    • Ghost icon
      Icons made by wanicon from www.flaticon.com
  • Banner ghost from adobe stock images
  • Logo created with designevo
  • The spike island image
  • Shadow of a men in forest
  • All the other images are from Unsplash and Pexels

• Fonts used are from Google Fonts