Dinosaur Seek is a card matching game designed for dinosaur enthusiasts
-
-
I want to play a game and have fun
-
I want to learn about dinosaurs
-
I want to have a score so I can challenge friends
-
-
-
- I have decieded to use the font type Immortal as it has an archaic aesthetic.
-
- The images have chosen are for the dinosaurs contain text underneatth thme which allows the user to learn whilst playing .
- The backside of the card images used contains bones which remind people of dinosaurs, in keeping with the theme.
- The front and back are desingned to ressemble playing cards
-
- Timer- The timer has tow purposes, the first is to limit the time the user has to finish the game which creates a challenge and the second is that it is used to generate the users score.
- Flip counter lets the user know how many flips it takes them to completet the game, this also contributes to the score.
- Play button- The game will not start until the play button is pressed.
- Game over- When the timer run out the game is over.
- Victory- When the user wins they are offered an input to send their to their email.
-
- 1001 FONTS were used to download Immortal font and upload it to the the fonts folder.
-
- Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
-
- GitHub is used to store the projects code after being pushed from Git.
-
- Tinypng allowed me to compress the images, which allowed the website to load faster, increasing its performance rating.
The W3C Markup Validator and W3C CSS Validator Services were used to validate the project.
The website was tested for both mobile and desktop in three browsers
-
I want to play a game and have fun.
-
The game functions as game we usually play should.
-
The game is challenging, but not too challenging, the user can win and score high with effort.
-
-
I want to learn about dinosaurs
-
Each front side contains and image of a different dinosaur.
-
Each front side has a name underneath the image which helps the user remememer their complicated names
-
-
I want to have a score so I can challenge friends
- When the user wins they have the option to enter their email and recive the score they have achieved.They can send this to their frinds as proof of their victory!
-
Email JS
-
Filled in email field and sent to user.
-
Checked accuracy of score
-
To deploy a website on GitHub Pages, follow these steps:
-
Go to the repository page
-
Click on settings icon in the top of the page
-
Find "GitHub Pages" section
-
Click on the "Source" dropdown menu
-
Select "master branch" option
-
A green success message should appear in the "GitHub Pages" section with the link to the live preview of the project.
The project was deployed to GitHub Pages using the following steps...
- Log in to GitHub and locate the GitHub Repository
- At the top of the Repository (not top of page), locate the "Settings" Button on the menu.
- Alternatively Click Here for a GIF demonstrating the process starting from Step 2.
- Scroll down the Settings page until you locate the "GitHub Pages" Section.
- Under "Source", click the dropdown called "None" and select "Master Branch".
- The page will automatically refresh.
- 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...
- Log in to GitHub and locate the GitHub Repository
- At the top of the Repository (not top of page) just above the "Settings" Button on the menu, locate the "Fork" Button.
- You should now have a copy of the original repository in your GitHub account.
- Log in to GitHub and locate the GitHub Repository
- Under the repository name, click "Clone or download".
- To clone the repository using HTTPS, under "Clone with HTTPS", copy the link.
- Open Git Bash
- Change the current working directory to the location where you want the cloned directory to be made.
- Type
git clone
, and then paste the URL you copied in Step 3.
$ git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY
- Press Enter. Your local clone will be created.
$ git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY
> Cloning into `CI-Clone`...
> remote: Counting objects: 10, done.
> remote: Compressing objects: 100% (8/8), done.
> remove: Total 10 (delta 1), reused 10 (delta 1)
> Unpacking objects: 100% (10/10), done.
Click Here to retrieve pictures for some of the buttons and more detailed explanations of the above process.
-
All of the above images have been altered by me to some degree and are not representitive of the originators work or intentions.
-
These images are not being used for commercial purposes
-
All text content was written by the developer.
- My Mentor for Antonio Rodriguez for helpful advice on what to do and what not to do.