diff --git a/README.md b/README.md index 9e95e957..84fc66ed 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,17 @@ -# ♠️ Week08 Bootcamp2019a Project: Matching Card Game - -### Goal: Make a 10 card memory game - users must be able to select two cards and check if they are a match. If they are a match, they stay flipped. If not, they flip back over. Game is done when all cards are matched and flipped over. Example: http://www.fruit-burst.co.uk/fun-and-games/pairs-game - -### How to submit your code for review: - -- Fork and clone this repo -- Create a new branch called answer -- Checkout answer branch -- Push to your fork -- Issue a pull request -- Your pull request description should contain the following: - - (1 to 5 no 3) I completed the challenge - - (1 to 5 no 3) I feel good about my code - - Anything specific on which you want feedback! - -Example: -``` -I completed the challenge: 5 -I feel good about my code: 4 -I'm not sure if my constructors are setup cleanly... -``` + 🎤Project: Matching card game! + +This is my Matching card game project, a cool web application built with HTML, CSS, and JavaScript. It's about matching cards 12 cards in total, i went with a dog & cat theme. Good luck + +## How It's Made + +I used HTML, CSS, and JavaScript to create this project, I used HTML to layout the cards & CSS to style, Javascript to create the logic of the cards being flipped & unflipped & reset once they were not a match. + +## Lessons Learned +I learned alot with this project such as exsactly how many steps needed to run a game like this, i was missing some of the logic in the beginning trying to recreate this project with pieces with a previous project called Tic tac toe. There were alot of changes such as making a memory system that remembers the cards unflipped & setting a time out to not break the games logic are some of the examples i found interesting. + + +## Examples +![Image Alt Text](./img/match.PNG) + + +If you want to see more of my work, feel free to explore my portfolio! [GitHub](https://github.com/Michaelariasdls). diff --git a/cat.avif b/cat.avif new file mode 100644 index 00000000..ea5b221a Binary files /dev/null and b/cat.avif differ diff --git a/cat2.jpg b/cat2.jpg new file mode 100644 index 00000000..2cca27fc Binary files /dev/null and b/cat2.jpg differ diff --git a/cat3.jpg b/cat3.jpg new file mode 100644 index 00000000..ae96946a Binary files /dev/null and b/cat3.jpg differ diff --git a/cat4.jpg b/cat4.jpg new file mode 100644 index 00000000..1581d8ad Binary files /dev/null and b/cat4.jpg differ diff --git a/cat5.png b/cat5.png new file mode 100644 index 00000000..3c2a2f39 Binary files /dev/null and b/cat5.png differ diff --git a/cat6.webp b/cat6.webp new file mode 100644 index 00000000..d369954a Binary files /dev/null and b/cat6.webp differ diff --git a/cat7.jpg b/cat7.jpg new file mode 100644 index 00000000..699d13db Binary files /dev/null and b/cat7.jpg differ diff --git a/cat8.jpg b/cat8.jpg new file mode 100644 index 00000000..b1bfd8c9 Binary files /dev/null and b/cat8.jpg differ diff --git a/codioful-formerly-gradienta-LeG68PrXA6Y-unsplash.jpg b/codioful-formerly-gradienta-LeG68PrXA6Y-unsplash.jpg new file mode 100644 index 00000000..43ee511c Binary files /dev/null and b/codioful-formerly-gradienta-LeG68PrXA6Y-unsplash.jpg differ diff --git a/dog.jpg b/dog.jpg new file mode 100644 index 00000000..1f535507 Binary files /dev/null and b/dog.jpg differ diff --git a/dog2.jpg b/dog2.jpg new file mode 100644 index 00000000..a16aebda Binary files /dev/null and b/dog2.jpg differ diff --git a/dog3.jpg b/dog3.jpg new file mode 100644 index 00000000..8985cd50 Binary files /dev/null and b/dog3.jpg differ diff --git a/dog4.jpg b/dog4.jpg new file mode 100644 index 00000000..cff6e506 Binary files /dev/null and b/dog4.jpg differ diff --git a/dog4.webp b/dog4.webp new file mode 100644 index 00000000..a5fac201 Binary files /dev/null and b/dog4.webp differ diff --git a/dog6.jpg b/dog6.jpg new file mode 100644 index 00000000..a265c8b9 Binary files /dev/null and b/dog6.jpg differ diff --git a/dog8.jpg b/dog8.jpg new file mode 100644 index 00000000..eaf27d7e Binary files /dev/null and b/dog8.jpg differ diff --git a/dogg.jpg b/dogg.jpg new file mode 100644 index 00000000..ed9f8e4c Binary files /dev/null and b/dogg.jpg differ diff --git a/img/match.PNG b/img/match.PNG new file mode 100644 index 00000000..064ef6b7 Binary files /dev/null and b/img/match.PNG differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..9ab28d07 --- /dev/null +++ b/index.html @@ -0,0 +1,110 @@ + + + + + + + Document + + + +

CAT's & Dog's Card game!

+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ + + + + + + +