https://spotarachy.github.io/M2-game-time/
http://spotarachy.github.io/M2-game-time/index.html
About
/* This will be my Milestone M2 project, i've made this game to help Couples and roommates finally solve the problem of who's turn it is to wash these dishes, by Mario F Wilson, lets see how it's made, enjoy. */
-
-
Visiting the site for the fist time
-
Returning Visitor to the site
-
Frequent User to the site
-
-
-
Primary colours listening.
-
Secondary colour listening.
-
Full colour graph.
-
-
-
Open Sans
-
Arial Narrow Bold sans-serif
-
Georgia, 'Times New Roman'
-
-
- Pexels
-
-
Website
-
Mobile
-
-
-
index.html
-
desktop
-
performance
-
-
[GithubPage](#Github Page)
-
-
Image credit
-
Colour credit
-
UX - User experience
At Dish Tac Toe we aim to have the most enjoyable time when it comes to establishing peace in your life, by helping our visitors to find out who's turn it is to wash the dishes?
By giving our visitors a fun way to interact and to play games, best out of three win's, and will hopefully get you on the right track to being a happy couple after she wins, and the Dishes has been cleaned.
- To help and provide an easy way to solve problem.
- To give our uses a places where they can come to an agreement.
- To provide a experience!
- Get the harmony back plus bragging rights.
- To have fun!
-
- How fast is the website loading.
- Is the website easy to understand.
- Does it have quick responses.
- How's the design.
- How involved with the design with the end user in mine.
- All the links should work.
- Easy to navigate.
- Not confusing.
- Simple.
- Interactive.
-
- I want to see my top score for my last visit.
- Will the website remember my username.
- It simplifies the way we wash dishes.
- Easy way to stop an argument.
- It made us laugh.
- They gave us a jolly old time alright!
- Will keep coming back to see if more games has been added.
-
- To see how the site has developed from the first time we have been invited to it.
- Enjoy the interaction.
- Like to see all the new scores and new people using the website.
- Being able to keep track of their wins.
- Want to keep update with stories from other users.
- Want to be able to link my Facebook to this game.
- Kept in the loop of updates to the website or if the site is gonna go down.
-
- As site owner, I want to give people back time to spend together.
- As site owner, I wanted to be easy to navigate and very responsive.
- To make this website a hit and implement more mind games.
- To be able to build on a platform created and expanded.
- Find ways to better innovate the website into apps.
- Have an interchange of encouragement you our users.
Designs
For the design of this webpage we went for a fairly simple design of tic-tac-toe then incorporated our simple style to fulfil the players and our clients wishes for the design and the functionality of this page and game.
The colours used for this website are from two different types of websites for choosing a precise RGB colours.
-
Primary colours use, for over all look and feel of the pages were:
-
Secondary colours used, for the overall look and style are:
-
Full colour graph:
Credit for use of the website will be in the acknowledgement section of this README.md
-
The main font that is going to be used is Open Sans, Light 300 italic, this font is going be used throughout the whole website, this font came from Google fonts.
-
Why Open Sans: Google fonts
-
Designed by: Matteson Typographics. Type Design & Consulting
-
-
The secondary fonts for (h2) that were used were: Arial Narrow Bold sans-serif, Font was generated straight from the CSS3 browser! None can be provided..
-
Why Arial Narrow Bold sans-serif: were used to add symmetry to the website!
For Visual Example of Font:Arial
-
-
The territory fonts for (h3) that were used are: Georgia, 'Times New Roman', Times, serif, Font was generated straight from the CSS3 browser! None can be provided..
-
Why Georgia, 'Times New Roman', Times, serif: was used to add a different feel to the headers!
For Visual Example of Font:Georgia
-
All my images are high-quality 4K images that were sourced from pixels website through my account which were free for the public to use.
- Images will be Sourced from Pexels For Free to used images from my account.
Please follow this link to see all images Images
Note: Not all for the images present were added to this project!
All items provided came from across the websites such as bootstraps and font awesome.
-
Social Media were sourced from Font Awesome and Google Fonts
-
Other icons were sourced from Bootstrap
Wirefram was made by balsamiq:
2.** Mobile:**
Features
These are validating websites that were used to validate my website properly.
-
HTML Validator Example
-
HTML Validator Example
-
HTML Validator Example
-
CSS Validator Example
-
HTML Validator HTML Validation
-
W3C Markup Validation Service: W3C Validation
-
Css Validation Service: CSS Validation
-
Performance: google developers
-
Accessibility: Wave
-
Used for all the js code errors in my code: JS Code
-
JSHint, a tool that helps to detect errors and potential problems in your JavaScript code."
Aware of several known bugs in the course of making this website, I will link a code to the source code.
Development
Webpage will be deployed from GitHub:
https://spotarachy.github.io/M2-game-time/index.html
Would like to give credit to:
Pexels operates the website www.pexels.com ("Website"), a platform that allows you to post, link, store, share and otherwise make available certain information, text, graphics, photos, videos, or other material (together "Content"). Our goal is to help designers, bloggers and everyone who is looking for an image to find photos and other Content that you can use for free and in compliance with these Terms.
(Note! Phrase from original website)
- Web page
Would like to give credit to:
Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page. Also generates a simple css code for the selected color. Html element samples are also shown below the color detail page.
(Note! Phrase from original website)
- Web page
- Terms of Services
Would like to give credit to:
Colors website for accurate RGB colours which are free to use for each users with the same goal. I have added a link to their search terms and conditions.
I would like to acknowledge all the support of Mentor Richard Wells.
I must Acknowledge tinyPNG which is a really cool website to make your photos smaller.