With this project I would like to create a memory game that challenges the player.

As a player, I would like to play a game that challenges my skills.

As a player, I want to know how I'm performing at the game.

When a player click a card the moves increase.

When a player makes a mistake the hearts change color to red.

The player have 5 live.

At the overlay player can see their performance. From Perfect to Average.

The website will consist of 4 pages.

-An overlay that disappears once is clicked.

• The main game page.
• 8 cards.
• Life container.
• Time counter.
• Hero image.
• Title at top of the page.

-An overlay that disappears once is clicked.

• An span that score your performance.
• Stars that disappear depend on the performance.

• An overlay that disappears once is clicked.
• Text to restart.

• Titles and headers Times New Roman font.

-Overlays Courier New font.

Start game

• Background color of overlay is #91ec6f and the transition changes to #ec6fa2

• De color of text is rgb((255,0,0))

Game

• Background color is #ec6fa2

• H1 is rgb(0,0,0)

-Background color from cards is beige

-fa-star are black and turn to red when there is a missmatched

Victory

• Background color is #ec6fa2

-fa-star have a red

-H1 is rgb(0,0,0)

• span have a white

-span have a black

Defeat

• Background color is #ec6fa2

-H1 is rgb(0,0,0)

-span have a black

• Css was used to style the website.
• Html is the base code for the page.
• Font awesome is used on life and start container.
• Google font is used to style text.
• Gitpod is used to deploy the code.
• Javascript is used as a main code of the page.

HTML validated by w3CValidator Css validated byW3CValidator Javascript validated by beautifytools

The game works in laptop, Ipad and Iphone 6/7/8 and samsumg galaxy 7/8. Problems compatilibity in Ipad pro.

The project was deployed to GitHub Pages using the following steps...

1. Log in to GitHub and locate the GitHub Repository
2. At the top of the Repository (not top of page), locate the "Settings" Button on the menu.
3. Scroll down the Settings page until you locate the "GitHub Pages" Section.
4. The page will automatically refresh. 5 .Scroll back down through the page to locate the now published site link in the "GitHub Pages" section.

By forking the GitHub Repository we make a copy of the original repository on our GitHub account to view and/or make changes without affecting the original repository by using the following steps...

1. Log in to GitHub and locate the GitHub Repository
2. At the top of the Repository (not top of page) just above the "Settings" Button on the menu, locate the "Fork" Button.
3. You should now have a copy of the original repository in your GitHub account.

Media Images used from Digimon Websites. I used the following sides as references:

https://github.com/WebDevSimplified

https://github.com/sandraisrael/Memory-Game-fend

https://www.youtube.com/watch?v=AO6etNEl6TA&t=2422s

https://marina-ferreira.github.io/tutorials/js/memory-game/