1st Ironhack Project - a browser card game, based on quartet. After two weeks of learning at the ironhack bootcamp I created this game in week three with Javascript & jQuery and CSS & Semantic-UI.
Introduction
Its a two player game with a shared screen and one mouse.
-
the players roll the dice to determine who may start the game.
-
each player has a deck of cards (in this case 3). Each round the players place a card of their deck into the middle (battlefield).
-
The current player chooses a character trait of the character on the corresponding card. With this value the players compete against each other. Each player rolls the dice and the value rolled is added to the value of the character trait. The highest total wins the round.
Setup
If you’d like to view my project in your browser, go to my github-page:
https://asebwebdev.github.io/BattleCards/
or you can clone the project like this:
git clone https://github.com/AsebWebDev/BattleCards.git in your terminal
cd battlecards
open index.html
Coding process
The greatest challenge was to create a 2-player game on one screen using only click-events. "Bubbling" was one of the problems i needed to get familiar with. After learning about that, i could solve a major bug that occured during the coding. Another challenge is to structure the different game phases in the code, so users are lead through the game fluently. Giving the user feedback on what is happening was important. A fun part was designing the characters and make the website responsive and pretty. A future implementation would be an online functionality, so the players do not need share a screen.