Home

Awesome

<div id="header" align="center"> <img src="img/logo.png" width="800"> </div> <div id="description" align="center">

CLICK TO DEMO

Created by Alex E. Houston

GitHub Badge

:pencil: Description

Concentration is a game in which cards are face down and two cards are flipped over each turn. The object of the game is to turn over all pairs of matching cards.

In my version of Concentration, I've given the game a Sailor Moon twist and the player is given twenty chances to match as many of the Sailor Scouts within a sixty second time limit.

</div> <details> <summary>:art: Wireframes</summary> <img src="pseudocode/wireframe.jpg" width="700"> </details> <details> <summary>:gear: Functionality</summary> <h3 align="center">Home Page</h3> <p align="center"><img src="img/home-screen.jpg" width="800"></p> <h3 align="center">Starter Board</h3> <p align="center"><img src="img/before-screen.jpg" width="800"></p> <h3 align="center">Complete Board</h3> <p align="center"><img src="img/after-screen.jpg"width="800"></p> <h3 align="center">Win Page</h3> <p align="center"><img src="img/win-screen.jpg"width="800"></p> <h3 align="center">Lose Page</h3> <p align="center"><img src="img/lose-screen.jpg"width="800"></p> </details>

:computer: Technologies Used

HTML5 CSS3 JavaScript

:video_game: How To Play

Click or press each wand to reveal the Sailor Scouts underneath until all Sailor Scouts have been revealed.

:link: Links

<details> <summary>Deployed Link</summary> Sailor Moon Concentration (<a href="https://alexehouston.github.io/concentration">https://alexehouston.github.io/concentration</a>) </details>

:fast_forward: Next Steps

Upcoming Features