Angular front end (with mock data)

Full Stack Software Development Blog

I've coded the Angular front end equivalent from the wireframe mockups that were done in bootstrap.

The Angular pages use mock data that is hardcoded in the corresponding components. For example the current-game.compoent.ts has the mock data for the current-game.component.html.

Also, there is no Authentication or Authorization (A&A) since there is no server (yet).

See https://github.com/gpratte/texastoc-v2-angular

As was the case in the last post I built up the front end in branches.

Here are the branches of the repo

• 01-login
• 02-default-routing
• 03-forgot-password
• 04-reset-password
• 05-navbar
• 06-season
• 07-season-models
• 08-supplies
• 09-new-game
• 10-games-in-season
• 11-current-game
• 12-game-seating
• 13-new-player
• 14-existing-player

To see the angular code in action do the following:

Install the angular cli
npm install -g @angular/cli

Run the server
ng serve

Access the code at http://localhost:4200