Skip to content

codessi/tic-tac-toe-project-client

Repository files navigation

Application Title:

Tic-tac-toe project client

Important Links

production: 'https://tic-tac-toe-api-production.herokuapp.com', development: 'https://tic-tac-toe-api-development.herokuapp.com' https://github.com/codessi/tic-tac-toe-project-client

Planning Story

I have started with brainstorming and creating todo lists. I wrote down everything without any order then I categorized them by section. Within those sections, I created workflow - the order of todos. Again, I compare to requirements and catch up with supplementary reading. After a few hours of planning, I split tasks into smaller pieces. I created a target time schedule. I tracked time how long the task and then adjust the schedule as I went.

User Story

  • As a user, I want to sign up new account
  • As a user, I want to log in my existing account
  • As a user, I want to change passwords
  • As a user, I want to sign out
  • As a user, I want to play tic tac toe game
  • As a user, I want to see my score
  • As a user, I want to replay after game is done
  • As a user, I want to see who wins

Technologies Used

  • HTML
  • Bootstrap
  • sass
  • Javascript
  • Ajax
  • jQuery

Wireframes

IMG_0327

Unsolved Problems

  • show numbers of the game without the extra click
  • Would like to eventually have better-organized code, DRY code
  • less click for initial create a game, show game number- add extra color.
  • I would like to design for users to click less when unnecessary. i.e sign up lead to automatic sign in
  • This code has a lot of show and hide and it takes a lot of adjustments.
  • Adjust Size of Button and colors- create borders at the beginning for better user experience