Skip to content

pwangy/PROJECT-Cluedo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cluedo Mystery Picker - Overview

Project done as a part of Technigo bootcamp.

Create a piece of the classic board game Cluedo. The user (who is the game leader and the one that will know all about the murder) should be able to click on three decks of cards, to randomly get a character, a weapon and a room. Then there should also be a button to "reveal" the mystery.

Learning objectives:

  1. Create and manipulate objects
  2. Create arrays
  3. Practice manipulating the DOM using Javascript

Approach

Clue is a favorite of mine (more the movie than the actual game), so to me the feel of Cluedo is light-hearted and sometimes goofy. I knew I wanted the styling of the page to go in that direction and I wanted things to be cute if not a bit cartooney. Having this in mind, I chose this week to focus on working out the functions in JavaScript first. This was a good strategy since knowing that the styling bit can easily get me sidetracked. My goal is always to deliver a page which appears clean and simple even if there's a huge jumble of code happening in the background and I feel that I hit the mark this week.

Core Tech

  • JavaScript
  • HTML5
  • CSS

Completed Requirements

🔵 Blue Level

  • Style your page
  • Site should have three clickable cards and a clickable button.
  • You should be able to randomly pick suspects, weapons and rooms.
  • You should be able to reveal the mystery.

View it live

https://pwangy-cluedo.netlify.app/

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Contributors

Languages

  • JavaScript 63.7%
  • CSS 18.9%
  • HTML 17.4%