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.
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.
-
`
- Sign in using any of the provided services - Google or Facebook
- See the currently online users and challenge them using the button provided against their name.
- If someone else challanges you then you will get a message to accept or reject their request.
- Once your accept someone else's request or vice-versa then you will be directed towards the game screen.
- You can play the game using the buttons provided in the grid when it is your turn.
- 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.
Multiplayer TicTacToe is live here.
- Easy Sign in
- Track your score on the leaderboard
- Easy gameplay
- See all the online users and challenge them
- 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
- Prateek Surana Email
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent