Angular in Full-Stack Architecture

In this chapter, we will design, architect, create a backlog, and establish the folder structure for your Angular project that will be able communicate with a REST API. This app will be designed to demonstrate the uses of the following:

• Angular CLI tool (ng)
• Angular Reuse of UI through components
• Angular HttpClient
• Angular Router
• Angular Reactive Forms
• Material Autocomplete
• Material Toolbar
• Material Sidenav

Regardless of your backend technology, I recommend that your frontend always resides in its own repository and is served using its own web server that is not depended on your API server.

First things first, you need a vision and a road map to act upon.