The ImpracticalHacker

A game where you have a 1 in 10 chance to best the ImpracticalHacker and claim the title for yourself!

Comment

Inspiration

The title of the project really spoke to me. I wondered, how could I spend a few hours on something utterly and completely impractical? I do realize that this could have been done on a single page, with much less hassle and a lot less grief but! The theme also spoke to me.

What it does

It's a simple trivia game, not much to say about it - except the goose on the "Aw, snap!" page. Very judgemental. Possibly a cousin of the one from the angry goose game. The one on the "Aw, yeah!" page is, on the other hand, is pretty benign

How I built it

I used bootstrap (the stuff of nightmares) to build it and GitHub Actions to deploy it. You can check out the code over here: Link to GitHub repo

Challenges I ran into

There were quite a few roadblocks:

  • Bootstrap!!! From the nav-bar to the image carousel, it was an uphill journey
  • Disabling right-click - It's pretty easy to inspect-shortcut this game so I wanted to make it a bit more difficult to crack
  • Since I chose to use GitHub Pages, I needed to use static pages - which struck out quite a few ideas I had related to APIs, the CLI, databases and so on so forth

Accomplishments that I'm proud of

I'm surprised at the sheer amount of crazy ideas I got out of it (I couldn't implement most with the level of experience I have but keep an eye out- I'm learning!) I spent a lot of time reading up on accessibility, I'm glad I was able to implement some of it I always avoided bootstrap since it makes the usual CSS go wonky - but I bit the bullet and managed to wrangle it to work the way I wanted it to! It's the first time that I've used the git CLI too!

What I learned

I learnt a lot, not sure if I can fit all of it here...

  • Bootstrap isn't impossible to implement
  • I also learnt a lot about the accessibility features it offers. I spent the majority of my time getting used to bootstrap, to be honest. But I'm glad that I had the opportunity to get familiar with the tools it offers!

What's next for The ImpracticalHacker

I'm quite inspired by it, actually. Made a few notes in the comments too!

  • A character the player plays as (Made a few character designs, but none that I was satisfied with. Working on it!)
  • Add breadcrumbs on each page for easier navigation
  • Add more levels (these won't be trivia though)
  • Remove some of the TODO: Got over-excited by the phrase, used it too many times and couldn't remove the ones which were resolved 😅
  • Improve the visuals (with animations, transitions, etc.)
  • Add music that plays across the pages

Built With

Share this project:

Updates