Joanne1980/FlipCard

This is a project four of us did together. It is a memory card game where you have to flip over a card and then find the matching picture. Once all card pairs are found you have won the game. Your time will be stored in the local storage so you can try beat you own high score.

Flip Card Game.

Description

Flip card is a memory pairs card game suitable for all ages.

Overview

When you start up the application you will see an instruction screen, this is where you also choose your theme for the game. Once chosen the theme the game page will be revealed and show all of the pictures for a few seconds. They will then flip over and you have to turn the cards over by clicking on them one at a time and try to find the matching picture. Once all cards have been matched your highscores will show and you will have the option to play again or end the game.

Contributions

Flip Card was created by Gurdeep Banger, Seamus Barnett, Sophie Davis and Sarah Clarke

Technologies used

React.js Tailwind.js - We used the Tailwind Library for the CSS. React box flip Axios Unsplash - we used the Unsplash api to provide us with the themed pictures. React canvas confetti - we used the confetti library to add the confetti effect once you finish the game. Tenor - we used the Tenor api to add a congratulations giphy when you complete the game.

Licence

MIT Licence

Github Repository

https://github.com/Joanne1980/FlipCard

Deployed website

https://flip-card04.netlify.app/

Screenshots

Presentation

Presentation