Beat The Hoff

Beat The Hoff || The first project that I have done with GA.

---

Installation & Setup

Run Locally

• Download or clone the Github repo
• Run gulp in the terminal to compile the source code and open in browser

View Online

• View on Heroku
• View on Github

---

Players play as Nicolas Cage, trying to beat The Hoff! .

Description

We had to build a web app using JavaScript, that was the project. At first I wanted my game to be like the Top Trumps card game, but it turned out to be something else, I would say for the better for this has more functionality than what a Top Trumps card game would have.

On top of the bars showing the player's current status, when the player loses (or maybe wins) against The Hoff, the images would change accordingly.

Technologies used

The list of the languages, frameworks, lib used in the project:

• HTML5
• SASS
• JavaScript (ES6)
• jQuery
• Gulp
• NPM
• Git
• Github
• Heroku

Challenges faced

I had a bit of a tough time trying to sort out the bars and the switch (by the way, there's a surprise waiting for you once (if) you beat The hoff! PLAY NOW TO FIND OUT!.

To deal with the problem, I had to think outside the box (see what I did there?), no? , because I used flexbox?... ahem anyways... YES! I did use flexbox to help me manage how the bars would move and to make everything easier to manipulate. With the switching of characters, I used a constructor function to make it more manageable and future proof, if ever I want to add more characters into the mix.

Finishing Statement

I will be adding more features to this project (as no project is really finished), the following are the things that I can imagine would be nice to add to it:

For equality sake, all pronouns are to be known as "submarine"

Did you just assume the gender of my submarine?

• Adding a feature where the player can choose who submarine plays as.
• The player being able to set submarine's own stats.
• A more advanced AI (SKYNET anyone?).
• Have a survival mode (where the player gains points to add to submarine's stats as submarine beats opponents of increasing difficulty.