Tic-Tac-Toe with Angular 6 and Firebase – Part 9 – Win/Lose/Deploy

Overview In the first Tic-Tac-Toe using Angular/Firebase post, I had listed the following basic requirements, A user that is currently logged out should be able to login A user that is currently logged in should be able to logout A user that is logged in should be able to create a new game A user … Continue reading Tic-Tac-Toe with Angular 6 and Firebase – Part 9 – Win/Lose/Deploy

Tic-Tac-Toe with Angular 6 and Firebase – Part 8 – Illegal Moves

Overview Since the last Tic-Tac-Toe post, I have added a number of small features - and refactored a few things. Prevent illegal moves Disable/Enable buttons based on current game state Illegal Moves Back-End I added a couple new Cloud Functions to the backend.  The joinGame() function is straight forward. If a user joins a game, … Continue reading Tic-Tac-Toe with Angular 6 and Firebase – Part 8 – Illegal Moves

Tic-Tac-Toe with Angular 6 and Firebase – Part 7 – Join Game

Overview In this short article I will add the ability for a user to end the game that they are in.  In the previous Tic-Tac-Toe article I added the ability for a user to join a game.  Between the last post and this one I have also refactored how the state of the game is … Continue reading Tic-Tac-Toe with Angular 6 and Firebase – Part 7 – Join Game

Tic-Tac-Toe with Angular 6 and Firebase – Part 6 – Join Game

Overview In this short article I will add the ability for a user to join a game given a game ID.  In the previous Tic-Tac-Toe article I added the ability for a user to create a new game.  At this point these are basic features, and future development will be needed to build them up … Continue reading Tic-Tac-Toe with Angular 6 and Firebase – Part 6 – Join Game

Tic-Tac-Toe with Angular 6 and Firebase – Part 5 – New Game

Overview In this short article I will add the ability for a user to create a new game.  The main feature that will be demonstrated is writing to the Firebase real-time database. New Game I added a button on the dashboard to allow a user to initiate a new game.  In a later effort I … Continue reading Tic-Tac-Toe with Angular 6 and Firebase – Part 5 – New Game

Tic-Tac-Toe with Angular 6 and Firebase – Part 4 – Logout

 Overview In this short article I will add the logout feature to the tic-tac-toe Angular/Firebase application.  Once the user authenticates, I will also automatically route the user to the dashboard.  In the previous post, I added routing and a route-guard. Route to Dashboard on Login A simple change to the login component will allow the … Continue reading Tic-Tac-Toe with Angular 6 and Firebase – Part 4 – Logout

Tic-Tac-Toe with Angular 6 and Firebase – Part 3 – Add Routing

Overview In Part 2 of this series I added basic e-mail/password authentication with Firebase.  In this post I will add a router to the application.  I will first create the router, and then a new component that should only be accessible to a user who is authenticated.  This can be accomplished through the use of … Continue reading Tic-Tac-Toe with Angular 6 and Firebase – Part 3 – Add Routing