{"componentChunkName":"component---src-templates-project-index-js","path":"/projects/hex-colour-memory-game","result":{"data":{"markdownRemark":{"frontmatter":{"title":"Hex Colour Memory Game","description":"A memory game based on randomly generated hexadecimal colours","link":"https://github.com/rmar8138/hex-color-memory-game","tech":["JavaScript","HTML","CSS/Sass"],"image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAACwElEQVQoz22TWWxMYRiG58ZNSdRSEiRlokTbaWY9ZxZndOZ0oUEr6BBSWoROGcRWYinRVGKJSBhF01QqWqajvUB00U1HO50ummhICXfEpUSIm8d/RjS9cPFdnfM/ed73/36d2WzGZrNRtGMHxSUlyLLM+vx89vlLUdUcHJlpFOxZTs6mVExGG2mpeaSn5WE0WrHbZULhJ0RjQ/T2RYj0D6AzGo04nU5io2949+GjgKjcul3N918/CZSdZF1pEg2/p3HuaSKGNIV5s68zf841MgyKANpoCjdPAl8PRNGZBNDhcPC0rZPOSJRMj4eqy1cZ//SZXcWH2XAwiWfoqOqdQfoKNzMTqkmcHsRgWCnOSTQ8CtHZ3c2Ltna6enrRaZElyUZp2V72B8rET3YKfZs5Vn6E3Jw8PPnLOBBcyJajS0Rku5hSzMZ9mEyyMJQINYWFXR+t7R28irzWIptxOW20t2ymr9WH6pW5UrmGiZHt+EuyWL1TT3BiBoG7c1nl9jI8NkB0uA+v6sVqtRJ+0hzv7mVX178OBdBl48uEnx9fA2Rn2XlYWwgcpzywjvzAItpF5MqeBBSXSiQ2Sk9/DK9X/QtsbmZwaHhKhyYzdtnKvZsF1NdsxK1InDiay/OWrWzzeVALU7jQMYuSSwuQJRenK85z6mwFDnGRkiTRJAyHRkbjdv3RQQ1oEl3YqatvpDHUgjvby5mlBXQkByhKz8ZnUGlNPsQlvQ+XW6HhcYgHDY243avi6xaeAowb/lub6Mgbxt9/wLM2l7B+NyQHKU8voMyQB4tv0KH3s9Kbydj4e4bG3or1yhKRLfHIGlCDTRrKwvDmnRpq6upxqpkEU7bxfclF/AK2MyOHb/oK6lOKsSsu7tTeJ3ivFkVRJg21DrUbjhtaLBa01Zk6FrPlvzP5XZyJi4hXpXU4MBiju/dVHPgHyIP/RwYyYIwAAAAASUVORK5CYII=","aspectRatio":1.8333333333333333,"src":"/static/eb32d7392528dd5e2268650609fd85b4/ee604/image.png","srcSet":"/static/eb32d7392528dd5e2268650609fd85b4/69585/image.png 200w,\n/static/eb32d7392528dd5e2268650609fd85b4/497c6/image.png 400w,\n/static/eb32d7392528dd5e2268650609fd85b4/ee604/image.png 800w,\n/static/eb32d7392528dd5e2268650609fd85b4/f3583/image.png 1200w,\n/static/eb32d7392528dd5e2268650609fd85b4/5707d/image.png 1600w,\n/static/eb32d7392528dd5e2268650609fd85b4/77efe/image.png 2728w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"html":"<p>Hex Colour Memory Game is a game where players try to match cards until none are left. The cards are randomly generated using random hexadecimal colour values. The application is structured in an MVC pattern using IIFE's to hold private state and pass around data and functionality. The styles are made with custom CSS using Sass.</p>\n<p>This was the first fully functional application that I built myself, and is the reason I developed a passion for web development. Visualising an end goal and reaching it through problem solving in face of all the bugs and mistakes made along the way really showed me how much I enjoy the process of coding.</p>"}},"pageContext":{"slug":"hex-colour-memory-game"}}}