Description

A project that creates the front-end of a website using Angular to perform CRUD operations.

Back-End

Click here

Commands

1. Angular 12 Installation

npm install -g @angular/cli@12

2. NVM for Windows Installation (nvm-setup.exe)

This software allows the installation and use of multiple versions of Node. To install, click here.

3. Node 14 Installation

nvm install 14.21.3

Caution

Uninstall Node from your machine before installing NVM.

4. Using Node 14

nvm use 14.21.3

Tip

To check which versions of Node are installed, type nvm ls

5. Angular Material Installation

ng add @angular/material

Caution

The Angular Material used is from version 12, and to find the documentation for its components, click here.

6. Start the server

ng serve

7. Create a module with routing

ng g m <module_name> --routing

8. Create a component within an existing module

ng g c <module_name>/<component_name>

9. Create a interface

ng g interface <path>/<interface_name>

10. Create a service

ng g s <path>/<service_name>

11. Create a pipe

ng g pipe <path>/<pipe_name>

12. Checking the Angular version and related packages

ng version

13. Updating Angular Core and Angular CLI (v12 to v13)

ng update @angular/core@13.3.3 @angular/cli@13.3.3

14. Updating Angular CDK and Angular Material (v12 to v13)

ng update @angular/cdk@13.3.3 @angular/material@13.3.3

15. Run the Angular server after creating the proxy

npm run start

16. Updating Angular Core and Angular CLI (v13 to v14)

ng update @angular/core@14.1.0 @angular/cli@14.1.0

17. Updating Angular CDK and Angular Material (v13 to v14)

ng update @angular/cdk@14.1.0 @angular/material@14.1.0

18. Create a resolver

ng g resolver <path>/<resolver_name>