Giter VIP home page Giter VIP logo

tic_tac_toe's Introduction

Tic Tac Toe

Tic Tac Toe is an online game with mutliple customisation options on the player's icon and color. Responsice Mockup

Existing Features

  • Heading

    • Displayed on all of the pages, the heading bar has responsive design and includes game features for the sound and the music of the game. These features are available at the gamers customisation page and the actual game page.
    • Heading
    • The sound bar allows the player to adjust if they want to keep the music or the sound effects on while playing in game or turned off. The player has the ability to mute the sound and the music.
    • Sound Activity
  • The landing page image

    • The landing page includes the heading area with the main title and the sound options for the user
    • The choices for the user so the game can begin
    • Information regarding the required options in order for the game to begin
    • The start button

Main Page

  • Main Game Page

    • The main page has the focus on the game play.
    • It consists of the heading with the sound elements, the score are where the score is shown, the game grid, and the restart button.
    • The restart button refreshes the page and begins from the beginning

Main Game Page

  • Win/ Loose/ Draw indications

    • At the main game page after completing the game the final score is compaired and a win / loose / draw mesage appears on the main game page followed by sounds.

Win Indication Loose Indication Draw Indication

Testing

  • A round of testings happened due to the entire deployment of the project mostly used tool for the testing was the browsers development tools.
  • In this stage it was noticed that in the project in the beginning. However, after several trials the randomisation and customisation of the players compinations started to mallfuction without any profound reason.
  • Some intresting bugs that are not yet addressed are that during the randomisation of the cpu choices at some combinations the choices can not be hold from the object compaired to others, also the are not. This affects the main score of the game. Bug Picture

Validator Testing

  • HTML
    • No errors were returned when passing through the official for the entire code
    • W3C validator
  • CSS

Unfixed Bugs

-Unfixed bugs are the the random customisations of the cpu player, these bugs does not allow the combinations of styles to work together and show the desired and accurate result and the abillity of the user to double click before the computer had made its choice.

Future updates

  • During the deployemnt of the project gained some extra features that are going to be inclued to the nearest updates. These updates are:
  • Audio features to allow the user to increase and dicrease the volume of the music and sound.
  • One extra qualification in order for the game to start, the difficulty level. Will include a difficulty level with a countdown timmer based on the difficulty that the player choose and see hom many wins can he do in these amount of time

Deployment

  • The site was deployed to GitHub pages and gidpod.

The live link can be found here - https://anelairam.github.io/tic_tac_toe/

Credits

  • I would like to access lots of credits to the following: -Slack community, regarding their help for fav_error that the browser shows up due to the absence of tab icon of the page -My mentor's support, guidance and assistance throught the project within the planned sessions and with regural communication.

Content

  • All the sound effects were a generous offer from Zapsplat
  • The music is a piece from Kevin MacLeod and called the Quirky Dog.
  • Instructions regarding audio, javascript methods and parameters to w#scholls
  • The icons for the players symbols were from Font Awesome

Thank you!

tic_tac_toe's People

Contributors

anelairam 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.