https://github.com/matheusadc/crud-angular
A project that creates the front-end of a website using Angular to perform CRUD operations.
https://github.com/matheusadc/crud-angular
angular angular-material
Last synced: 30 days ago
JSON representation
A project that creates the front-end of a website using Angular to perform CRUD operations.
- Host: GitHub
- URL: https://github.com/matheusadc/crud-angular
- Owner: MatheusADC
- Created: 2025-02-17T16:12:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-18T17:54:35.000Z (over 1 year ago)
- Last Synced: 2025-02-18T18:43:15.901Z (over 1 year ago)
- Topics: angular, angular-material
- Language: TypeScript
- Homepage:
- Size: 170 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
Description
A project that creates the front-end of a website using Angular to perform CRUD operations.
# 
Back-End
[Click here](https://github.com/MatheusADC/crud-spring)
# 
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](https://github.com/coreybutler/nvm-windows/releases).
### 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](https://v12.material.angular.io/components/categories).
### 6. Start the server
```
ng serve
```
### 7. Create a module with routing
```
ng g m --routing
```
### 8. Create a component within an existing module
```
ng g c /
```
### 9. Create a interface
```
ng g interface /
```
### 10. Create a service
```
ng g s /
```
### 11. Create a pipe
```
ng g pipe /
```
### 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 /
```