Idea is to implement all my learning of Angular latest tricks and standards by building game - Tic Tac Toe
Tic Tac Toe game built with Angular + NGRX Store + Angular Custom Library and much more Latest Technics. Have fun :)
Tic-tac-toe or Xs and Os, is a paper-and-pencil (converted to digital) game for two players, X and O, who take turns marking the spaces in a 3×3 grid. The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.
Browser Support - Best to be viewed in Chrome.
Game runs in
/gamepath, if you landed with wrong URL path (for e.g -
/game/test), application will instruct you to go back to game.
Github Repo URL - https://github.com/mohanramphp/angularattack-workspace
State Management - NGRX Store + NGRX Store development tools.
Angular Cli - for generating angular library and application.
@app/common-lib - common custom library created to host game preview component.
ngx-take-until-destroy - library to free up the streams once component destroyed.
angular-cli-ghpages - library to automate check-ins to gh-pages + handle application deployment.
Core module - hold one time usage component + app wide singleton services.
Shared module - holds reusable widgets and modules used across the application.
Error page component - to handle 404 + redirection to home.
Game module - main module that hosts the game.
ChangeDeductionStrategy - OnPush strategy is used to improve performance.
local app serve + built and deploy scripts - custom scripts written for app local serve, prod and deploy.
Read me file - file to track the work-items + app helper commands are listed.
I really like how smooth this game is, and there's a game preview too! Great work~!
Very nice game)
Well done for the work. By the way it would have been better if there were some instructions for the game.
Really enjoyed the Game Preview animations and UI and the ability to go back to a move (the power of the NGRX replay!!!). Worked great on mobile. Nice implementation of the 404 page.
While tic-tac-toe is a simple concept I like how detailed you were explaining how this implementation fits together.