Fruits Emoji Memory game is based on Javascripts where fruits emojis are used to build up this game. Players have to find matching emojis and once all emojis are matched then game is over.
To play this game, three functions are added- Start, Total number of flips and Total time taken to match emojis.
- Live Website: https://vanyasahay.github.io/emojiMemoryGame-pp2/
- Open the link in any browser.
- Click START button on the screen.
- Match fruits emojis. There are two emojis of same type.
- Find and match emojis.
- Congratualation message will be displayed once all emojis are matched.
- Refresh browser to restart game.
- Start
-Clicking Start button will start the game.
- Total Time
-Total time is the time application takes to match all existing emojis. This also records total time taken to finish the game.
- Total Flips
-Total FLips are total number of flips a player made to match the emojis.
- Technology Used
- HTML
- CSS
- Javascript
- Device Tested
- Macbook Pro
- Windows 10
- iPad air (Landscape and Portrait Mode)
- iPad mini (Landscape and Portrait Mode)
- iPhone 12 pro (Portrait Mode)
- iPhone XR (Portrait Mode)
- Samsung Galaxy S20 Ultra (Portrait Mode)
- Samsung Galaxy S20 Ultra (Portrait Mode)
- Tested in responsive tool in Google Chrome Developers Tool.
- Google Chrome
- Safari
- Firefox
- Microsoft Edge
- Console in developers tool: Console donot show any type of error:
- iPhone XR:
- iPhone 12 Pro:
- iPad mini:
- iPad Air:
- Samsung Galaxy A5:
- Samsung Galaxy S20 Ultra
- HTML
- No errors were returned when passing through the official W3C validator
- CSS
- No errors were found when passing through the official (Jigsaw) validator
- Media query needs to fix for some very small screens.
- Landscape mode needs to be fixed for mobile screens. Landscape mode in iPad is working fine.
This site was deployed to Github pages.
In the github repository, click the settings tab From the source section drop down menu select the main branch Once the main branch has been selected the page will automatically refresh with a detailed ribbon display indicating the successful deployment. https://vanyasahay.github.io/emojiMemoryGame-pp2/
To Clone this repository follow these steps:
On GitHub.com, click into the main page of the repository. Above the list of files, click the drop down Code button Copy the URL for the repository. *To clone the repository using HTTPS, under "HTTPS", click . *To clone the repository using an SSH key, including a certificate issued by your organization's SSH certificate authority, click SSH, then click . *To clone a repository using GitHub CLI, click GitHub CLI, then click . Open Terminal. Change the current working directory to the location where you want the cloned directory. Type git clone, and then paste the URL you copied earlier. $ gh repo clone vanyasahay/emojiMemoryGame-pp2 Press Enter to create your local clone.
-
Source Code
- GITHUB to store code and other resources
- W3School for code references.
- Stackoverflow
- Developers Tools
- Mentors and Collegue
- VS Code and GITPOD
- https://www.webtips.dev/memory-game-in-javascript - Reference used from this website for structuring purpose.
- https://css-tricks.com/a-complete-guide-to-css-media-queries/
- https://css-tricks.com/responsive-layouts-fewer-media-queries/
**Emojis
- Brain(๐ง )- https://emojipedia.org/brain/
- Strawberry(๐)- https://emojipedia.org/strawberry/
- Mango(๐ฅญ)- https://emojipedia.org/mango/
- Lemon(๐)- https://emojipedia.org/lemon/
- Pineapple(๐)- https://emojipedia.org/pineapple/
- Tangerine(๐)- https://emojipedia.org/tangerine/
- Peach(๐)- https://emojipedia.org/peach/
- Grapes(๐)- https://emojipedia.org/grapes/
- Watermelon(๐)- https://emojipedia.org/watermelon/
- Banana(๐)- https://emojipedia.org/banana/
- Pear(๐)- https://emojipedia.org/pear/