Reviewing our app’s architecture

The frontend layer of the recipe app will be implemented in Angular 18 and will communicate with a RESTful backend based on Node.js.

Note

Aspects related to the backend are not the subject of this book and will not be detailed. You can find a ready-to-use fake backend, named recipes-book-api, in the GitHub repository: https://github.com/PacktPublishing/Reactive-Patterns-with-RxJS-for-Angular-17-2nd-Edition.

The frontend of the recipe app is pluggable to any RESTful backend. Therefore, you can use pretty much any other technology for the backend. All communications will be performed through the HttpClient module and will request REST controllers in the backend:

Figure 2.6 – The book of recipes architecture

Now that we have the big picture of our target application, let’s break down the different Angular components of our app.