Giter VIP home page Giter VIP logo

ms2-project-3's Introduction


Logo

Lord of the rings memory game

The idea here is to make a game that is enjoyable and has a replay value, i want the user to have a fun experience and I believe they don't have to be a lord of the rings fan to play!

<a href="https://github.com/ashlykerkhof/ms2-project"><strong>Explore the docs »</strong></a>
<a href="https://ashlykerkhof.github.io/MS2-project/">View Demo</a>

Table of Contents

About The Project

The game is made for users to experience a fun and interctive experience, I want people to play the game and i want them to return and try to beat their old score.

Built With

UX

For this project i want people to have an enjoyable experience, and would wish to play again to beat their score and achieve the 3 rings!

Instructions for the game

To start the game click on one of the back facing cards, the game will begin the timer and the move count, the aim is to find the matching cards behind the rings.

User Stories

  1. i would want to have a fun experience, which i can return to.

  2. i would like to have a game which is easy to use and rewarding when i complete it.

  3. i want the site to look good, easy to use and to stand out.

Wireframes

WireFrames PDF Here!

Mark-up

responsive on devices

Tests

Jshint

  • Fixes, where certain codes wouldn't work due to incorrect use of Semi Colons.
  • Found issue where modal hadn't been defined correctly.

W3v Validator

  • Found issue where images didn't have the correct files, also spelling mistakes were noticed.

Manual Testing

  • Testing on other browsers proved to be problematic. Certain pictures wouldn't turn and glitches would be sent through the browser, have been working on a way round this making bad steps however, some issues are still noticed.

Lighthouse

light house test

Testing/Bugs

  • bug found and fixed where everytime the timer was counting the game would move from left to right depending on the number in the timer.
  • bug found and fixed where the cards wouldn't flip to their back face.
  • bug found and fixed where the cards would flip and would disappear once they flipped.
  • bug found where the congratulations message at the end of the game doesn't show up upon completion.
  • bug found, doesn't seem to load the game properly on other browsers.. still finding solution.

Deployment

The site has been deployed to GitPages, to deploy site do as follows:

  1. Load up repository and select the settings tab under the repository name.
  2. Under "GitHub Pages", use the None or Branch drop-down menu and select a publishing source.
  3. Optionally, use the drop-down menu to select a folder for your publishing source.
  4. Click Save.

To commit your work/edits type in to the console

git init

Then add the file you have editted.

git add

Commit your work.

git commit

Then once it has all been commited, push it to GitPages.

git push

License

Copyright and lincensing done by me.

Media

All images were searched for and found on Google Images.

Contact

Your Name - @ashlykerkhof - email: [email protected]

Project Link: https://github.com/ashlykerkhof/ms2-project

Acknowledgements

ms2-project-3's People

Contributors

ashlykerkhof avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.