20 Creating the example project

 

Throughout the chapters in the previous part of the book, I added classes and content to the example project to demonstrate different Angular features and then, in chapter 19, introduced feature modules to add some structure to the project. The result is a project with a lot of redundant and unused functionality, and for this part of the book, I am going to start a new project that takes some of the core features from earlier chapters and provides a clean foundation on which to build in the chapters that follow.

Tip

You can download the example project for this chapter—and for all the other chapters in this book—from https://github.com/manningbooks/pro-angular-16. See chapter 1 for how to get help if you have problems running the examples.

20.1 Starting the example project

To create the project with tools and placeholder content, open a new command prompt, navigate to a convenient location, and run the command shown in listing 20.1.

Listing 20.1. Creating the example project
ng new exampleApp --routing false --style css --skip-git --skip-tests

To distinguish the project used in this part of the book from earlier examples, I created a project called exampleApp. The project initialization process will take a while to complete as all the required packages are downloaded.

20.1.1 Adding and configuring the Bootstrap CSS package

20.1.2 Creating the project structure

20.2 Creating the model module

20.2.1 Creating the product data type

20.2.2 Creating the data source and repository

20.2.3 Completing the model module

20.3 Creating the messages module

20.3.1 Creating the message model and service

20.3.2 Creating the component and template

20.3.3 Completing the message Module

20.4 Creating the core module

20.4.1 Creating the shared state service

20.4.2 Creating the table component

20.4.3 Creating the form component

20.4.4 Completing the core module

20.5 Completing the project

20.6 Summary