Giter Club home page Giter Club logo

tic-tac's Introduction

General Assembly Logo

#Tic-Tac-Toe Project

Project 1 for WDI 14

Let's Play:

https://styletab.github.io/styletab-tictactoe-project/

Wireframe (desktop & mobile):

https://app.moqups.com/[email protected]/U9jeEt2UEw/view/page/a349ccaa7

User Stories

  • As a user, I want to sign up so I can keep track of my wins.
  • As a user, I want to play tic tac toe with another play so I can win.
  • As a user, I want to sign in so I can see how many games I’ve won.
  • As a user, I want to sign out so I can ensure no one else plays on my account.
  • As a user, I want to play tic tac toe because it’s easy to learn and requires strategy.
  • Technologies Used

    HTML, CSS, JavaScript, Bootstrap, AJAX, Sass

    My process:

    • Mocked up my wireframe on paper and then transferred it into a digital format
    • Wrote down general user stories.
    • Wrote down problems that needed to be solved and then broke them down even further to create workflow schedule.
    • Created a simple interface that included a game board, header and nav.
    • Wrote player interactivity code - allowing players to mark and x or an o on the board.
    • Worked on the game logic and implemented a turn counter and code to check for a win by either player.
    • Created a new game button to clear the board and make an Ajax call to create a new game.
    • Wrote Ajax call so that when a player signs up, a new user is created.
    • Wrote Ajax call that creates a new session for the user and appends a unique token.
    • Wrote Ajax call that sends a patch request to update a user's game when they click on a cell of the board.

    Unfinished Business:

    • Incorporate responsive design
    • Add in scoreboard
    • Restyle nav to have a dropdown format for change PW and history
    • Add welcome message that shows username on sign-in
    1. All content is licensed under a CC­BY­NC­SA 4.0 license.
    2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].

    tic-tac's People

    Contributors

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