View Code? Open in Web Editor
NEW
This project forked from nishkixs/tic-tac
License: Other
JavaScript 99.64%
CSS 0.03%
HTML 0.32%
tic-tac's Introduction
![General Assembly Logo](https://camo.githubusercontent.com/1a91b05b8f4d44b5bbfb83abac2b0996d8e26c92/687474703a2f2f692e696d6775722e636f6d2f6b6538555354712e706e67)
https://styletab.github.io/styletab-tictactoe-project/
Wireframe (desktop & mobile):
https://app.moqups.com/[email protected]/U9jeEt2UEw/view/page/a349ccaa7
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.
HTML, CSS, JavaScript, Bootstrap, AJAX, Sass
- 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.
- 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
- All content is licensed under a CCBYNCSA 4.0 license.
- All software code is licensed under GNU GPLv3. For commercial use or
alternative licensing, please contact [email protected].
tic-tac's People
Contributors
Watchers