Skip to content
A multiplayer online tic tac toe game that lets you challenge online users through social login. 🎮
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bower_components
views
PG_Roof Runners_active_b.ttf
PG_Roof Runners_active_it.ttf
README.md
RoofRunners.ttf
RoofRunnersbold-it.ttf
angular-route.js
angular.js
angularfire.js
animate.css
app.js
favicon.ico
firebase.js
index.html
style.css

README.md

Multiplayer Online TicTacToe

A Tic tac toe game made with Angular JS and firebase as database. Play online with your friends, track your score and compete with them on the leaderboard.

Table of Contents

Getting Started

First thing you need to do to use this project is to clone it using the following command -

git clone https://github.com/prateek3255/MultiplayerOnlineTicTacToe.git

Initially you would need to replace the firebase config in the index.html with your own firebase config settings so that it works on your firebase database, for more details on how to do that you can follow the process described here.

The project is divided into three sections namely Login, Leaderboard and Game. Each of these pages have their separate html files under the views folder. App.js also has three separate controllers for each of these components namely LoginCtrl, LeaderCtrl and tic respectively.

How to Play?

    `
  1. Sign in using any of the provided services - Google or Facebook
  2. See the currently online users and challenge them using the button provided against their name.
  3. If someone else challanges you then you will get a message to accept or reject their request.
  4. Once your accept someone else's request or vice-versa then you will be directed towards the game screen.
  5. You can play the game using the buttons provided in the grid when it is your turn.
  6. Once the game is completed both the players will be directed back to the leaderboard and the winners score will be updated on the leaderboard.

Live Project

Multiplayer TicTacToe is live here.

Features

  • Easy Sign in
  • Track your score on the leaderboard
  • Easy gameplay
  • See all the online users and challenge them

Built with

  • Angular JS - Superheroic JavaScript MVW Framework
  • Firebase - Used for Authentication, Database, Storage and Hosting in thi app.
  • Bootstrap - Used in designing.
  • Programming languages used - HTML5, CSS3, JavaScript

Author

You can’t perform that action at this time.