/Tic-tac-toe

This is a game application. The game is played on a grid that's 3 squares by 3 squares. You are X , your friend (or the computer in this case) is O . Players take turns putting their marks in empty squares. The first player to get 3 of her marks in a row (up, down, across, or diagonally) is the winner.

Primary LanguageCSS

frail-power-8560

  • This is a game application. The game is played on a grid that's 3 squares by 3 squares. You are X , your friend (or the computer in this case) is O . Players take turns putting their marks in empty squares. The first player to get 3 of her marks in a row (up, down, across, or diagonally) is the winner.

Deployed link

Homepage

  • This page has a navbar and anchor tag for login/signup. A player can can go to login page, start play with a random player by clicking on play game. image

Sign-up page

  • In this page a player can fill his details in input section,and continue with Google OAuth(continue with google). image

Sign-in page

  • In this page a player can fill his details in input section,and continue with Google OAuth(continue with google). image

Lobby

  • In lobby a player enters his name an dclicks to search a player, once another random player joins the website, they'll play the game. image

Gamming page

  • This page has the name of the player on both left adn right end. While playing the game , it will show the turn of player. Whoever is requesting the game will get the X sign. image
  • Once anyone will win the pop-up will show the name of player. image

Tech Stacks

  • Front-end: HTML, CSS, JavaScript
  • Back-end: Node.js , Express.js, mongoDB