Skip to content

Commit 8b40aca

Browse files
djabifdjabif
committed
feat: new example with angular 12
1 parent 84cbac4 commit 8b40aca

21 files changed

+639
-543
lines changed

‎.firebase/hosting.ZGlzdA.cache

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
angular-forms-and-validations/favicon.ico,1635354309150,a2aee5309d0b59b9b66384ccc3969a07fab1b320d0bf76f1b25047a051d7f774
2+
angular-forms-and-validations/index.html,1635354309551,654cb61bde0e73707149d1f995853eff9d289ec33ed074df351c75114f82a455
3+
angular-forms-and-validations/runtime.1902c564871efd12e71e.js,1635354309135,1d986b36ba83f20c29e13e42a62cdb41d862a40726647e1a3a716cb1fb6c4a33
4+
angular-forms-and-validations/3rdpartylicenses.txt,1635354309135,9457c5b478256f91d0fad3de5b33051735ee631d58c155ad03250272ea6720c3
5+
angular-forms-and-validations/polyfills.6e61371f393c5cdd845a.js,1635354309135,7c8e3fc6af22fce396db455b63898d0a38ef7ea959a6f7305f7faec35f26c862
6+
angular-forms-and-validations/scripts.505ed5c9103be7dc0e8b.js,1635354309135,4456f88e34bba8530b8e7ac2d51c486f30abf07d5614352458eab478db4e93e0
7+
angular-forms-and-validations/styles.9acb0e4747b4c63425b2.css,1635354309135,187f9d3cb26a4202a107e21624451bc8e96d997ab40ff735acf0566605fde507
8+
angular-forms-and-validations/main.160bf22f80e2a6c688b4.js,1635354309135,0cfcce1c4b215baf47ab248294ec5599a3bcafda19c8959093db249e725e22d0

‎.firebase/hosting.ZGlzdC9hbmd1bGFyLWZvcm1zLWFuZC12YWxpZGF0aW9ucw.cache

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
favicon.ico,1635354309150,a2aee5309d0b59b9b66384ccc3969a07fab1b320d0bf76f1b25047a051d7f774
2+
index.html,1635354309551,654cb61bde0e73707149d1f995853eff9d289ec33ed074df351c75114f82a455
3+
runtime.1902c564871efd12e71e.js,1635354309135,1d986b36ba83f20c29e13e42a62cdb41d862a40726647e1a3a716cb1fb6c4a33
4+
3rdpartylicenses.txt,1635354309135,9457c5b478256f91d0fad3de5b33051735ee631d58c155ad03250272ea6720c3
5+
polyfills.6e61371f393c5cdd845a.js,1635354309135,7c8e3fc6af22fce396db455b63898d0a38ef7ea959a6f7305f7faec35f26c862
6+
scripts.505ed5c9103be7dc0e8b.js,1635354309135,4456f88e34bba8530b8e7ac2d51c486f30abf07d5614352458eab478db4e93e0
7+
styles.9acb0e4747b4c63425b2.css,1635354309135,187f9d3cb26a4202a107e21624451bc8e96d997ab40ff735acf0566605fde507
8+
main.160bf22f80e2a6c688b4.js,1635354309135,0cfcce1c4b215baf47ab248294ec5599a3bcafda19c8959093db249e725e22d0

‎.firebaserc

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"projects": {
3+
"default": "angular-forms-and-validations"
4+
}
5+
}

‎README.md

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,33 @@
1-
# AngularFormsAndValidations
1+
# Angular Forms and Validations
22

3-
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.1.0.
3+
This project is part of an Angular tutorial about forms and validations.
44

5-
## Development server
5+
Get the step by step free tutorial in https://angular-templates.io/tutorials/about/angular-forms-and-validations
66

7-
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
7+
**Please support this project by simply putting a Github star ⭐. 🙏 Thanks**
88

9-
## Code scaffolding
9+
## Installation
1010

11-
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
11+
Run `npm install` to install all the required dependencies
1212

13-
## Build
13+
Then run `ng serve` to start a dev server.
14+
Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
1415

15-
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
16+
![](https://s3-us-west-2.amazonaws.com/angular-templates/tutorials/angular-forms-and-validations/angular-forms-and-validations-3.png)
1617

17-
## Running unit tests
1818

19-
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
19+
## Online Demo
2020

21-
## Running end-to-end tests
21+
You can try the online demo of this Angular Forms example app [here](https://angular-forms-and-validations.firebaseapp.com/).
2222

23-
Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
23+
## Premium Angular Admin Template
2424

25-
## Further help
25+
If you want to build a complex and robust app with Angular Forms and Validations you should check [Fully - Angular Admin Template](https://angular-templates.io/product/fully-angular-admin-template) which is a super complete application to build your next angular project.
2626

27-
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
27+
Created with performance and ease of development in mind, this Angular web template is something you will love. It includes all the components that you might need inside a project and a detailed documentation on how to get started.
28+
29+
30+
![]https://angular-templates.s3-us-west-2.amazonaws.com/fully-angular-admin-template/fully-angular-admin-template-showcase.jpg)
31+
32+
## Free Angular examples
33+
Find more Angular tutorials and starter apps in https://angular-templates.io

‎angular.json

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
"style": "scss"
1111
},
1212
"@schematics/angular:application": {
13-
"strict": true
13+
"strict": false
1414
}
1515
},
1616
"root": "",
@@ -31,17 +31,21 @@
3131
"src/assets"
3232
],
3333
"styles": [
34+
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
35+
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
3436
"src/styles.scss"
3537
],
36-
"scripts": []
38+
"scripts": [
39+
"./node_modules/bootstrap/dist/js/bootstrap.min.js"
40+
]
3741
},
3842
"configurations": {
3943
"production": {
4044
"budgets": [
4145
{
4246
"type": "initial",
4347
"maximumWarning": "500kb",
44-
"maximumError": "1mb"
48+
"maximumError": "3mb"
4549
},
4650
{
4751
"type": "anyComponentStyle",
@@ -99,6 +103,7 @@
99103
"src/assets"
100104
],
101105
"styles": [
106+
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
102107
"src/styles.scss"
103108
],
104109
"scripts": []

‎firebase.json

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"hosting": {
3+
"public": "dist/angular-forms-and-validations",
4+
"ignore": [
5+
"firebase.json",
6+
"**/.*",
7+
"**/node_modules/**"
8+
],
9+
"rewrites": [
10+
{
11+
"source": "**",
12+
"destination": "/index.html"
13+
}
14+
]
15+
}
16+
}

‎package-lock.json

Lines changed: 40 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,18 @@
1111
"private": true,
1212
"dependencies": {
1313
"@angular/animations": "~12.1.0",
14+
"@angular/cdk": "^12.2.11",
1415
"@angular/common": "~12.1.0",
1516
"@angular/compiler": "~12.1.0",
1617
"@angular/core": "~12.1.0",
1718
"@angular/forms": "~12.1.0",
19+
"@angular/material": "^12.2.11",
1820
"@angular/platform-browser": "~12.1.0",
1921
"@angular/platform-browser-dynamic": "~12.1.0",
2022
"@angular/router": "~12.1.0",
23+
"@types/google-libphonenumber": "^7.4.21",
24+
"bootstrap": "^5.1.3",
25+
"google-libphonenumber": "^3.2.25",
2126
"rxjs": "~6.6.0",
2227
"tslib": "^2.2.0",
2328
"zone.js": "~0.11.4"

‎src/app/app-routing.module.ts

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
import { NgModule } from '@angular/core';
22
import { RouterModule, Routes } from '@angular/router';
3+
import { FormsComponent } from './forms/forms.component';
34

4-
const routes: Routes = [];
5+
const routes: Routes = [
6+
{ path: '', component: FormsComponent }
7+
];
58

69
@NgModule({
710
imports: [RouterModule.forRoot(routes)],
811
exports: [RouterModule]
912
})
13+
1014
export class AppRoutingModule { }

0 commit comments

Comments
 (0)