This website is designed as a simple interative memory recall game for children. They are asked to find all the different Easter Bunny's by clicking on the easter eggs.
- Webpage - Contains the game developed for this project.
- HTML5
- CSS
- Javascript
- Bootstrap4
- CoreUI-Open-source panels built on top of Bootstrap
- Font Awesome
- Google Fonts
- Internet Explorer, Firefox, Google Chrome and Brave - No issues.
- IPhone 5/SE, 6, 7, 8 (including Plus), X, iPad - No Issues (Tested through Chrome Developer Tools).
-
GitHub Workspace GitHub Workspace
-
GitHub live project - A live demo can be found here GitHub Live
- The project was developed on the GitPod IDE and deployed to GitHub via the push function.
- In order to deploy this page to GitHub Pages from its GitHub repository, the following steps were taken:
- Log into GitHub
- Select the project from the repository list on screen.
- Select Settings.
- Scroll down to the GitHub Pages section.
- Under Source click the drop-down menu labelled None and select Master Branch.
- On selecting Master Branch the page is automatically refreshed, the website is now deployed.
- Scroll back down to the GitHub Pages section to obtain the link to the newly deployed website.
- The Development and Master branch are identical at time of writing.
- Images - Images supplied by Pixbay, Upsplash, Pexels and Google Images.
- Color palette - colorhunt.co
- Code - Some code was adapted for use in the website, CoreUI-Open-source, Code Institute, MBootstrap, Bootstrapious, Boostrapcreative. Additionally code was also adapted and used from the following sources:
- Intro to CSS 3D transforms
- Get BEM
- freeCodeCamp
- Due to time constraints this website was developed time 2 days this meant key functionality couldnt be added.
- Acknowledgements - My Mentor Jonathan Munz