init set up

romanprotoliuk · Feb 4, 2022 · 5fa60e1 · 5fa60e1
commit 5fa60e1
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 0 deletions.
diff --git a/app.js b/app.js
diff --git a/images/wireframe_1.png b/images/wireframe_1.png
diff --git a/images/wireframe_2.png b/images/wireframe_2.png
diff --git a/images/wireframe_3.png b/images/wireframe_3.png
diff --git a/images/wireframe_4.png b/images/wireframe_4.png
diff --git a/index.html b/index.html
diff --git a/main.css b/main.css
diff --git a/readme.md b/readme.md
@@ -0,0 +1,42 @@
+# Concentration Game
+
+## Pitch:
+
+Look for pairs of cards by turning them over in, 2 at a time. The goal is to match all cards before time runs out. When a user clicks on a card it flips around. If you find a match, you get a point. When you start there's a timer set to some time that I haven't decided on. After a third unsuccessful match extra seconds will be taken from your clock.
+
+Board size will be 6x6
+
+## Tech Stack:
+
+HTML, CSS (flexbox, grid), Vanilla JavaScript
+
+## MVP GOALs
+
+- To have 6x6 grid layed out
+- with cards upside down,
+- on click cards turn over 2 at a time,
+- if not a match turn two cards over and try again,
+- after three unsuccessful match shave some time off the timer,
+- timer working,
+- reset button,
+- when timer is done show some kind of a popup for players results,
+- keep a point system of how many maches a player got,
+- after each reset shuffle cards.
+
+## STRETCH Goals
+
+- two levels: Hard - 6x6 grid, Easy - 4x4 grid.
+- mobile friendly layout
+- Marvel themed
+- Sound when there's a match
+
+## Potential Roadblocks
+
+- reshuffling cards algorithm,
+- after three unsuccessful match shave some time off the timer,
+- if not a match turn two cards over and try again.
+
+![WireFrame1](./images/wireframe_1.png)
+![WireFrame2](./images/wireframe_2.png)
+![WireFrame3](./images/wireframe_3.png)
+![WireFrame4](./images/wireframe_4.png)