ACTIVITY 8: Angular Components
Goal:
Create 50 Angular components, each with different functionality, based on the provided list and your own examples. Ensure all components are well organized and navigable from the main app component.
Create a new Angular Project
If you haven't created an Angular project yet, do so by running the following command in your terminal:
Serve the app locally
Run the following to serve your app and view the changes as you develop.
use
ng serveto run the project.
Copy and Paste the local host link to your Browser.
Create a folder named
components
Generate given 40 Components and own 10 Components. 50 Components in Total
Generated the given 40 components and my own 10 components. In each component, i created separate commits. (50 commits in total)
PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/displayhelloworld CREATE src/app/components/displayhelloworld/displayhelloworld.component.html (33 bytes) CREATE src/app/components/displayhelloworld/displayhelloworld.component.spec.ts (692 bytes) CREATE src/app/components/displayhelloworld/displayhelloworld.component.ts (290 bytes) CREATE src/app/components/displayhelloworld/displayhelloworld.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/showhellobutton CREATE src/app/components/showhellobutton/showhellobutton.component.html (31 bytes) CREATE src/app/components/showhellobutton/showhellobutton.component.spec.ts (678 bytes) CREATE src/app/components/showhellobutton/showhellobutton.component.ts (282 bytes) CREATE src/app/components/showhellobutton/showhellobutton.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#1displayhelloworld" [main d805835] #1displayhelloworld 10 files changed, 75 insertions(+) create mode 100644 src/app/components/displayhelloworld/displayhelloworld.component.css create mode 100644 src/app/components/displayhelloworld/displayhelloworld.component.html create mode 100644 src/app/components/displayhelloworld/displayhelloworld.component.spec.ts create mode 100644 src/app/components/displayhelloworld/displayhelloworld.component.ts create mode 100644 src/app/components/showhellobutton/showhellobutton.component.css create mode 100644 src/app/components/showhellobutton/showhellobutton.component.html create mode 100644 src/app/components/showhellobutton/showhellobutton.component.spec.ts create mode 100644 src/app/components/showhellobutton/showhellobutton.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push info: please complete authentication in your browser... Enumerating objects: 21, done. Counting objects: 100% (21/21), done. Delta compression using up to 4 threads Compressing objects: 100% (13/13), done. Writing objects: 100% (15/15), 1.99 KiB | 509.00 KiB/s, done. Total 15 (delta 5), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (5/5), completed with 4 local objects. To https://github.com/mischiii22/AngularBasicRouting.git ce17516..d805835 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#2showhellobutton" On branch main Your branch is up to date with 'origin/main'. nothing to commit, working tree clean PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/displayname CREATE src/app/components/displayname/displayname.component.html (27 bytes) CREATE src/app/components/displayname/displayname.component.spec.ts (650 bytes) CREATE src/app/components/displayname/displayname.component.ts (266 bytes) CREATE src/app/components/displayname/displayname.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#3displayname" [main 8d83695] #3displayname 4 files changed, 36 insertions(+) create mode 100644 src/app/components/displayname/displayname.component.css create mode 100644 src/app/components/displayname/displayname.component.html create mode 100644 src/app/components/displayname/displayname.component.spec.ts create mode 100644 src/app/components/displayname/displayname.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.14 KiB | 293.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git d805835..8d83695 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/counter CREATE src/app/components/counter/counter.component.html (23 bytes) CREATE src/app/components/counter/counter.component.spec.ts (622 bytes) CREATE src/app/components/counter/counter.component.ts (250 bytes) CREATE src/app/components/counter/counter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#4componentname" On branch main Your branch is up to date with 'origin/main'. Untracked files: (use "git add <file>..." to include in what will be committed) src/app/components/counter/ nothing added to commit but untracked files present (use "git add" to track) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#4counter" On branch main Your branch is up to date with 'origin/main'. Untracked files: (use "git add <file>..." to include in what will be committed) src/app/components/counter/ nothing added to commit but untracked files present (use "git add" to track) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#4counter" [main 07b615f] #4counter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/counter/counter.component.css create mode 100644 src/app/components/counter/counter.component.html create mode 100644 src/app/components/counter/counter.component.spec.ts create mode 100644 src/app/components/counter/counter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.13 KiB | 384.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 8d83695..07b615f main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/simpleform CREATE src/app/components/simpleform/simpleform.component.html (26 bytes) CREATE src/app/components/simpleform/simpleform.component.spec.ts (643 bytes) CREATE src/app/components/simpleform/simpleform.component.ts (262 bytes) CREATE src/app/components/simpleform/simpleform.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#5simpleform" [main 9c2d61e] #5simpleform 4 files changed, 36 insertions(+) create mode 100644 src/app/components/simpleform/simpleform.component.css create mode 100644 src/app/components/simpleform/simpleform.component.html create mode 100644 src/app/components/simpleform/simpleform.component.spec.ts create mode 100644 src/app/components/simpleform/simpleform.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> push push : The term 'push' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + push + ~~~~ + CategoryInfo : ObjectNotFound: (push:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.14 KiB | 194.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 07b615f..9c2d61e main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/userage CREATE src/app/components/userage/userage.component.html (23 bytes) CREATE src/app/components/userage/userage.component.spec.ts (622 bytes) CREATE src/app/components/userage/userage.component.ts (250 bytes) CREATE src/app/components/userage/userage.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#6userage" [main 20e1157] #6userage 4 files changed, 36 insertions(+) create mode 100644 src/app/components/userage/userage.component.css create mode 100644 src/app/components/userage/userage.component.html create mode 100644 src/app/components/userage/userage.component.spec.ts create mode 100644 src/app/components/userage/userage.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.12 KiB | 288.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 9c2d61e..20e1157 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/usergreeting CREATE src/app/components/usergreeting/usergreeting.component.html (28 bytes) CREATE src/app/components/usergreeting/usergreeting.component.spec.ts (657 bytes) CREATE src/app/components/usergreeting/usergreeting.component.ts (270 bytes) CREATE src/app/components/usergreeting/usergreeting.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#7usergreeting" [main aadb086] #7usergreeting 4 files changed, 36 insertions(+) create mode 100644 src/app/components/usergreeting/usergreeting.component.css create mode 100644 src/app/components/usergreeting/usergreeting.component.html create mode 100644 src/app/components/usergreeting/usergreeting.component.spec.ts create mode 100644 src/app/components/usergreeting/usergreeting.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.15 KiB | 295.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 20e1157..aadb086 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/calculator CREATE src/app/components/calculator/calculator.component.html (26 bytes) CREATE src/app/components/calculator/calculator.component.spec.ts (643 bytes) CREATE src/app/components/calculator/calculator.component.ts (262 bytes) CREATE src/app/components/calculator/calculator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#8calculator" [main ebc2d7f] #8calculator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/calculator/calculator.component.css create mode 100644 src/app/components/calculator/calculator.component.html create mode 100644 src/app/components/calculator/calculator.component.spec.ts create mode 100644 src/app/components/calculator/calculator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.14 KiB | 388.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git aadb086..ebc2d7f main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/textlength CREATE src/app/components/textlength/textlength.component.html (26 bytes) CREATE src/app/components/textlength/textlength.component.spec.ts (643 bytes) CREATE src/app/components/textlength/textlength.component.ts (262 bytes) CREATE src/app/components/textlength/textlength.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#9textlength" [main 32a48b9] #9textlength 4 files changed, 36 insertions(+) create mode 100644 src/app/components/textlength/textlength.component.css create mode 100644 src/app/components/textlength/textlength.component.html create mode 100644 src/app/components/textlength/textlength.component.spec.ts create mode 100644 src/app/components/textlength/textlength.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.15 KiB | 391.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git ebc2d7f..32a48b9 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/currencyconverter CREATE src/app/components/currencyconverter/currencyconverter.component.html (33 bytes) CREATE src/app/components/currencyconverter/currencyconverter.component.spec.ts (692 bytes) CREATE src/app/components/currencyconverter/currencyconverter.component.ts (290 bytes) CREATE src/app/components/currencyconverter/currencyconverter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#10currencyconverter" [main 12827ad] #10currencyconverter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/currencyconverter/currencyconverter.component.css create mode 100644 src/app/components/currencyconverter/currencyconverter.component.html create mode 100644 src/app/components/currencyconverter/currencyconverter.component.spec.ts create mode 100644 src/app/components/currencyconverter/currencyconverter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.19 KiB | 242.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 32a48b9..12827ad main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/evenoddchecker CREATE src/app/components/evenoddchecker/evenoddchecker.component.html (30 bytes) CREATE src/app/components/evenoddchecker/evenoddchecker.component.spec.ts (671 bytes) CREATE src/app/components/evenoddchecker/evenoddchecker.component.ts (278 bytes) CREATE src/app/components/evenoddchecker/evenoddchecker.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#11evenoddchecker" [main 0974cdb] #11evenoddchecker 4 files changed, 36 insertions(+) create mode 100644 src/app/components/evenoddchecker/evenoddchecker.component.css create mode 100644 src/app/components/evenoddchecker/evenoddchecker.component.html create mode 100644 src/app/components/evenoddchecker/evenoddchecker.component.spec.ts create mode 100644 src/app/components/evenoddchecker/evenoddchecker.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.17 KiB | 299.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 12827ad..0974cdb main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/wordreverser CREATE src/app/components/wordreverser/wordreverser.component.html (28 bytes) CREATE src/app/components/wordreverser/wordreverser.component.spec.ts (657 bytes) CREATE src/app/components/wordreverser/wordreverser.component.ts (270 bytes) CREATE src/app/components/wordreverser/wordreverser.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#12wordreverser" [main 331fbd8] #12wordreverser 4 files changed, 36 insertions(+) create mode 100644 src/app/components/wordreverser/wordreverser.component.css create mode 100644 src/app/components/wordreverser/wordreverser.component.html create mode 100644 src/app/components/wordreverser/wordreverser.component.spec.ts create mode 100644 src/app/components/wordreverser/wordreverser.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.16 KiB | 394.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 0974cdb..331fbd8 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/showdate CREATE src/app/components/showdate/showdate.component.html (24 bytes) CREATE src/app/components/showdate/showdate.component.spec.ts (629 bytes) CREATE src/app/components/showdate/showdate.component.ts (254 bytes) CREATE src/app/components/showdate/showdate.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#13showdate" [main 764ddcb] #13showdate 4 files changed, 36 insertions(+) create mode 100644 src/app/components/showdate/showdate.component.css create mode 100644 src/app/components/showdate/showdate.component.html create mode 100644 src/app/components/showdate/showdate.component.spec.ts create mode 100644 src/app/components/showdate/showdate.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.13 KiB | 386.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 331fbd8..764ddcb main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/showusername CREATE src/app/components/showusername/showusername.component.html (28 bytes) CREATE src/app/components/showusername/showusername.component.spec.ts (657 bytes) CREATE src/app/components/showusername/showusername.component.ts (270 bytes) CREATE src/app/components/showusername/showusername.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#14showusername" [main e2c0141] #14showusername 4 files changed, 36 insertions(+) create mode 100644 src/app/components/showusername/showusername.component.css create mode 100644 src/app/components/showusername/showusername.component.html create mode 100644 src/app/components/showusername/showusername.component.spec.ts create mode 100644 src/app/components/showusername/showusername.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.16 KiB | 394.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 764ddcb..e2c0141 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/multiplicationtable CREATE src/app/components/multiplicationtable/multiplicationtable.component.html (35 bytes) CREATE src/app/components/multiplicationtable/multiplicationtable.component.spec.ts (706 bytes) CREATE src/app/components/multiplicationtable/multiplicationtable.component.ts (298 bytes) CREATE src/app/components/multiplicationtable/multiplicationtable.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#15multiplicationtable" [main 597befe] #15multiplicationtable 4 files changed, 36 insertions(+) create mode 100644 src/app/components/multiplicationtable/multiplicationtable.component.css create mode 100644 src/app/components/multiplicationtable/multiplicationtable.component.html create mode 100644 src/app/components/multiplicationtable/multiplicationtable.component.spec.ts create mode 100644 src/app/components/multiplicationtable/multiplicationtable.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.19 KiB | 305.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git e2c0141..597befe main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/simplelogin CREATE src/app/components/simplelogin/simplelogin.component.html (27 bytes) CREATE src/app/components/simplelogin/simplelogin.component.spec.ts (650 bytes) CREATE src/app/components/simplelogin/simplelogin.component.ts (266 bytes) CREATE src/app/components/simplelogin/simplelogin.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#16simplelogin" [main 00eec07] #16simplelogin 4 files changed, 36 insertions(+) create mode 100644 src/app/components/simplelogin/simplelogin.component.css create mode 100644 src/app/components/simplelogin/simplelogin.component.html create mode 100644 src/app/components/simplelogin/simplelogin.component.spec.ts create mode 100644 src/app/components/simplelogin/simplelogin.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.15 KiB | 293.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 597befe..00eec07 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/fahrenheittocelsius CREATE src/app/components/fahrenheittocelsius/fahrenheittocelsius.component.html (35 bytes) CREATE src/app/components/fahrenheittocelsius/fahrenheittocelsius.component.spec.ts (706 bytes) CREATE src/app/components/fahrenheittocelsius/fahrenheittocelsius.component.ts (298 bytes) CREATE src/app/components/fahrenheittocelsius/fahrenheittocelsius.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#17fahrenheittocelsius" [main 6e2c6dc] #17fahrenheittocelsius 4 files changed, 36 insertions(+) create mode 100644 src/app/components/fahrenheittocelsius/fahrenheittocelsius.component.css create mode 100644 src/app/components/fahrenheittocelsius/fahrenheittocelsius.component.html create mode 100644 src/app/components/fahrenheittocelsius/fahrenheittocelsius.component.spec.ts create mode 100644 src/app/components/fahrenheittocelsius/fahrenheittocelsius.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.19 KiB | 407.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 00eec07..6e2c6dc main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/bookmarklist CREATE src/app/components/bookmarklist/bookmarklist.component.html (28 bytes) CREATE src/app/components/bookmarklist/bookmarklist.component.spec.ts (657 bytes) CREATE src/app/components/bookmarklist/bookmarklist.component.ts (270 bytes) CREATE src/app/components/bookmarklist/bookmarklist.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#18bookmarklist" [main 6e77fe6] #18bookmarklist 4 files changed, 36 insertions(+) create mode 100644 src/app/components/bookmarklist/bookmarklist.component.css create mode 100644 src/app/components/bookmarklist/bookmarklist.component.html create mode 100644 src/app/components/bookmarklist/bookmarklist.component.spec.ts create mode 100644 src/app/components/bookmarklist/bookmarklist.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.15 KiB | 393.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 6e2c6dc..6e77fe6 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/charactercounter CREATE src/app/components/charactercounter/charactercounter.component.html (32 bytes) CREATE src/app/components/charactercounter/charactercounter.component.spec.ts (685 bytes) CREATE src/app/components/charactercounter/charactercounter.component.ts (286 bytes) CREATE src/app/components/charactercounter/charactercounter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#19charactercounter" [main 0c16709] #19charactercounter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/charactercounter/charactercounter.component.css create mode 100644 src/app/components/charactercounter/charactercounter.component.html create mode 100644 src/app/components/charactercounter/charactercounter.component.spec.ts create mode 100644 src/app/components/charactercounter/charactercounter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.16 KiB | 297.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 6e77fe6..0c16709 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/palindromechecker CREATE src/app/components/palindromechecker/palindromechecker.component.html (33 bytes) CREATE src/app/components/palindromechecker/palindromechecker.component.spec.ts (692 bytes) CREATE src/app/components/palindromechecker/palindromechecker.component.ts (290 bytes) CREATE src/app/components/palindromechecker/palindromechecker.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#20palindromechecker" [main b09b078] #20palindromechecker 4 files changed, 36 insertions(+) create mode 100644 src/app/components/palindromechecker/palindromechecker.component.css create mode 100644 src/app/components/palindromechecker/palindromechecker.component.html create mode 100644 src/app/components/palindromechecker/palindromechecker.component.spec.ts create mode 100644 src/app/components/palindromechecker/palindromechecker.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.19 KiB | 303.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 0c16709..b09b078 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/temperatureconverter CREATE src/app/components/temperatureconverter/temperatureconverter.component.html (36 bytes) CREATE src/app/components/temperatureconverter/temperatureconverter.component.spec.ts (713 bytes) CREATE src/app/components/temperatureconverter/temperatureconverter.component.ts (302 bytes) CREATE src/app/components/temperatureconverter/temperatureconverter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#21temperatureconverter" [main 727974e] #21temperatureconverter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/temperatureconverter/temperatureconverter.component.css create mode 100644 src/app/components/temperatureconverter/temperatureconverter.component.html create mode 100644 src/app/components/temperatureconverter/temperatureconverter.component.spec.ts create mode 100644 src/app/components/temperatureconverter/temperatureconverter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.20 KiB | 408.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git b09b078..727974e main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/shoppinglist CREATE src/app/components/shoppinglist/shoppinglist.component.html (28 bytes) CREATE src/app/components/shoppinglist/shoppinglist.component.spec.ts (657 bytes) CREATE src/app/components/shoppinglist/shoppinglist.component.ts (270 bytes) CREATE src/app/components/shoppinglist/shoppinglist.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#22shoppinglist" [main 7a25934] #22shoppinglist 4 files changed, 36 insertions(+) create mode 100644 src/app/components/shoppinglist/shoppinglist.component.css create mode 100644 src/app/components/shoppinglist/shoppinglist.component.html create mode 100644 src/app/components/shoppinglist/shoppinglist.component.spec.ts create mode 100644 src/app/components/shoppinglist/shoppinglist.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.15 KiB | 294.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 727974e..7a25934 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/factorialcalculator CREATE src/app/components/factorialcalculator/factorialcalculator.component.html (35 bytes) CREATE src/app/components/factorialcalculator/factorialcalculator.component.spec.ts (706 bytes) CREATE src/app/components/factorialcalculator/factorialcalculator.component.ts (298 bytes) CREATE src/app/components/factorialcalculator/factorialcalculator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#23factorialcalculator" [main 8a1652e] #23factorialcalculator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/factorialcalculator/factorialcalculator.component.css create mode 100644 src/app/components/factorialcalculator/factorialcalculator.component.html create mode 100644 src/app/components/factorialcalculator/factorialcalculator.component.spec.ts create mode 100644 src/app/components/factorialcalculator/factorialcalculator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.18 KiB | 403.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 7a25934..8a1652e main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/todomanager CREATE src/app/components/todomanager/todomanager.component.html (27 bytes) CREATE src/app/components/todomanager/todomanager.component.spec.ts (650 bytes) CREATE src/app/components/todomanager/todomanager.component.ts (266 bytes) CREATE src/app/components/todomanager/todomanager.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#24todomanager" [main 3fb86a2] #24todomanager 4 files changed, 36 insertions(+) create mode 100644 src/app/components/todomanager/todomanager.component.css create mode 100644 src/app/components/todomanager/todomanager.component.html create mode 100644 src/app/components/todomanager/todomanager.component.spec.ts create mode 100644 src/app/components/todomanager/todomanager.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.15 KiB | 391.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 8a1652e..3fb86a2 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/guessnumbergame CREATE src/app/components/guessnumbergame/guessnumbergame.component.html (31 bytes) CREATE src/app/components/guessnumbergame/guessnumbergame.component.spec.ts (678 bytes) CREATE src/app/components/guessnumbergame/guessnumbergame.component.ts (282 bytes) CREATE src/app/components/guessnumbergame/guessnumbergame.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#25guessnumbergame" [main ed669d7] #25guessnumbergame 4 files changed, 36 insertions(+) create mode 100644 src/app/components/guessnumbergame/guessnumbergame.component.css create mode 100644 src/app/components/guessnumbergame/guessnumbergame.component.html create mode 100644 src/app/components/guessnumbergame/guessnumbergame.component.spec.ts create mode 100644 src/app/components/guessnumbergame/guessnumbergame.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.18 KiB | 241.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 3fb86a2..ed669d7 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/wordcounter CREATE src/app/components/wordcounter/wordcounter.component.html (27 bytes) CREATE src/app/components/wordcounter/wordcounter.component.spec.ts (650 bytes) CREATE src/app/components/wordcounter/wordcounter.component.ts (266 bytes) CREATE src/app/components/wordcounter/wordcounter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#26wordcounter" [main 7201033] #26wordcounter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/wordcounter/wordcounter.component.css create mode 100644 src/app/components/wordcounter/wordcounter.component.html create mode 100644 src/app/components/wordcounter/wordcounter.component.spec.ts create mode 100644 src/app/components/wordcounter/wordcounter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.14 KiB | 390.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git ed669d7..7201033 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/randomnumbergenerator CREATE src/app/components/randomnumbergenerator/randomnumbergenerator.component.html (37 bytes) CREATE src/app/components/randomnumbergenerator/randomnumbergenerator.component.spec.ts (720 bytes) CREATE src/app/components/randomnumbergenerator/randomnumbergenerator.component.ts (306 bytes) CREATE src/app/components/randomnumbergenerator/randomnumbergenerator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#27randomnumbergenerator" [main 17ebf04] #27randomnumbergenerator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/randomnumbergenerator/randomnumbergenerator.component.css create mode 100644 src/app/components/randomnumbergenerator/randomnumbergenerator.component.html create mode 100644 src/app/components/randomnumbergenerator/randomnumbergenerator.component.spec.ts create mode 100644 src/app/components/randomnumbergenerator/randomnumbergenerator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.20 KiB | 411.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 7201033..17ebf04 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/multiplicationchecker CREATE src/app/components/multiplicationchecker/multiplicationchecker.component.html (37 bytes) CREATE src/app/components/multiplicationchecker/multiplicationchecker.component.spec.ts (720 bytes) CREATE src/app/components/multiplicationchecker/multiplicationchecker.component.ts (306 bytes) CREATE src/app/components/multiplicationchecker/multiplicationchecker.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#28multiplicationchecker" [main 48bcfc1] #28multiplicationchecker 4 files changed, 36 insertions(+) create mode 100644 src/app/components/multiplicationchecker/multiplicationchecker.component.css create mode 100644 src/app/components/multiplicationchecker/multiplicationchecker.component.html create mode 100644 src/app/components/multiplicationchecker/multiplicationchecker.component.spec.ts create mode 100644 src/app/components/multiplicationchecker/multiplicationchecker.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.20 KiB | 306.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 17ebf04..48bcfc1 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/uppercaseconverter CREATE src/app/components/uppercaseconverter/uppercaseconverter.component.html (34 bytes) CREATE src/app/components/uppercaseconverter/uppercaseconverter.component.spec.ts (699 bytes) CREATE src/app/components/uppercaseconverter/uppercaseconverter.component.ts (294 bytes) CREATE src/app/components/uppercaseconverter/uppercaseconverter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#29uppercaseconverter" [main ecee17a] #29uppercaseconverter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/uppercaseconverter/uppercaseconverter.component.css create mode 100644 src/app/components/uppercaseconverter/uppercaseconverter.component.html create mode 100644 src/app/components/uppercaseconverter/uppercaseconverter.component.spec.ts create mode 100644 src/app/components/uppercaseconverter/uppercaseconverter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.18 KiB | 303.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 48bcfc1..ecee17a main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/wordshuffler CREATE src/app/components/wordshuffler/wordshuffler.component.html (28 bytes) CREATE src/app/components/wordshuffler/wordshuffler.component.spec.ts (657 bytes) CREATE src/app/components/wordshuffler/wordshuffler.component.ts (270 bytes) CREATE src/app/components/wordshuffler/wordshuffler.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#30wordshuffler" [main cf95a06] #30wordshuffler 4 files changed, 36 insertions(+) create mode 100644 src/app/components/wordshuffler/wordshuffler.component.css create mode 100644 src/app/components/wordshuffler/wordshuffler.component.html create mode 100644 src/app/components/wordshuffler/wordshuffler.component.spec.ts create mode 100644 src/app/components/wordshuffler/wordshuffler.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.16 KiB | 394.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git ecee17a..cf95a06 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/bmisolver CREATE src/app/components/bmisolver/bmisolver.component.html (25 bytes) CREATE src/app/components/bmisolver/bmisolver.component.spec.ts (636 bytes) CREATE src/app/components/bmisolver/bmisolver.component.ts (258 bytes) CREATE src/app/components/bmisolver/bmisolver.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#31bmisolver" [main 0c56532] #31bmisolver 4 files changed, 36 insertions(+) create mode 100644 src/app/components/bmisolver/bmisolver.component.css create mode 100644 src/app/components/bmisolver/bmisolver.component.html create mode 100644 src/app/components/bmisolver/bmisolver.component.spec.ts create mode 100644 src/app/components/bmisolver/bmisolver.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.14 KiB | 291.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git cf95a06..0c56532 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/usernamevalidator CREATE src/app/components/usernamevalidator/usernamevalidator.component.html (33 bytes) CREATE src/app/components/usernamevalidator/usernamevalidator.component.spec.ts (692 bytes) CREATE src/app/components/usernamevalidator/usernamevalidator.component.ts (290 bytes) CREATE src/app/components/usernamevalidator/usernamevalidator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#32usernamevalidator" [main 337d12e] #32usernamevalidator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/usernamevalidator/usernamevalidator.component.css create mode 100644 src/app/components/usernamevalidator/usernamevalidator.component.html create mode 100644 src/app/components/usernamevalidator/usernamevalidator.component.spec.ts create mode 100644 src/app/components/usernamevalidator/usernamevalidator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.18 KiB | 403.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 0c56532..337d12e main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/interestcalculator CREATE src/app/components/interestcalculator/interestcalculator.component.html (34 bytes) CREATE src/app/components/interestcalculator/interestcalculator.component.spec.ts (699 bytes) CREATE src/app/components/interestcalculator/interestcalculator.component.ts (294 bytes) CREATE src/app/components/interestcalculator/interestcalculator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#33interestcalculator" [main d4a3e86] #33interestcalculator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/interestcalculator/interestcalculator.component.css create mode 100644 src/app/components/interestcalculator/interestcalculator.component.html create mode 100644 src/app/components/interestcalculator/interestcalculator.component.spec.ts create mode 100644 src/app/components/interestcalculator/interestcalculator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.19 KiB | 405.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 337d12e..d4a3e86 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/compoundinterestcalculator CREATE src/app/components/compoundinterestcalculator/compoundinterestcalculator.component.html (42 bytes) CREATE src/app/components/compoundinterestcalculator/compoundinterestcalculator.component.spec.ts (755 bytes) CREATE src/app/components/compoundinterestcalculator/compoundinterestcalculator.component.ts (326 bytes) CREATE src/app/components/compoundinterestcalculator/compoundinterestcalculator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#34compoundinterestcalculator" [main d074dd8] #34compoundinterestcalculator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/compoundinterestcalculator/compoundinterestcalculator.component.css create mode 100644 src/app/components/compoundinterestcalculator/compoundinterestcalculator.component.html create mode 100644 src/app/components/compoundinterestcalculator/compoundinterestcalculator.component.spec.ts create mode 100644 src/app/components/compoundinterestcalculator/compoundinterestcalculator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.21 KiB | 177.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git d4a3e86..d074dd8 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/fibonaccigenerator CREATE src/app/components/fibonaccigenerator/fibonaccigenerator.component.html (34 bytes) CREATE src/app/components/fibonaccigenerator/fibonaccigenerator.component.spec.ts (699 bytes) CREATE src/app/components/fibonaccigenerator/fibonaccigenerator.component.ts (294 bytes) CREATE src/app/components/fibonaccigenerator/fibonaccigenerator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#35fibonaccigenerator" [main 93bb084] #35fibonaccigenerator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/fibonaccigenerator/fibonaccigenerator.component.css create mode 100644 src/app/components/fibonaccigenerator/fibonaccigenerator.component.html create mode 100644 src/app/components/fibonaccigenerator/fibonaccigenerator.component.spec.ts create mode 100644 src/app/components/fibonaccigenerator/fibonaccigenerator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.19 KiB | 243.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git d074dd8..93bb084 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/oddsumcalculator CREATE src/app/components/oddsumcalculator/oddsumcalculator.component.html (32 bytes) CREATE src/app/components/oddsumcalculator/oddsumcalculator.component.spec.ts (685 bytes) CREATE src/app/components/oddsumcalculator/oddsumcalculator.component.ts (286 bytes) CREATE src/app/components/oddsumcalculator/oddsumcalculator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#36oddsumcalculator" [main 24d5f68] #36oddsumcalculator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/oddsumcalculator/oddsumcalculator.component.css create mode 100644 src/app/components/oddsumcalculator/oddsumcalculator.component.html create mode 100644 src/app/components/oddsumcalculator/oddsumcalculator.component.spec.ts create mode 100644 src/app/components/oddsumcalculator/oddsumcalculator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.18 KiB | 201.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 93bb084..24d5f68 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/currencyformatter CREATE src/app/components/currencyformatter/currencyformatter.component.html (33 bytes) CREATE src/app/components/currencyformatter/currencyformatter.component.spec.ts (692 bytes) CREATE src/app/components/currencyformatter/currencyformatter.component.ts (290 bytes) CREATE src/app/components/currencyformatter/currencyformatter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#37currencyformatter" [main e39b0eb] #37currencyformatter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/currencyformatter/currencyformatter.component.css create mode 100644 src/app/components/currencyformatter/currencyformatter.component.html create mode 100644 src/app/components/currencyformatter/currencyformatter.component.spec.ts create mode 100644 src/app/components/currencyformatter/currencyformatter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.19 KiB | 405.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 24d5f68..e39b0eb main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/randomquotedisplay CREATE src/app/components/randomquotedisplay/randomquotedisplay.component.html (34 bytes) CREATE src/app/components/randomquotedisplay/randomquotedisplay.component.spec.ts (699 bytes) CREATE src/app/components/randomquotedisplay/randomquotedisplay.component.ts (294 bytes) CREATE src/app/components/randomquotedisplay/randomquotedisplay.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#38randomquotedisplay" [main 8ae05be] #38randomquotedisplay 4 files changed, 36 insertions(+) create mode 100644 src/app/components/randomquotedisplay/randomquotedisplay.component.css create mode 100644 src/app/components/randomquotedisplay/randomquotedisplay.component.html create mode 100644 src/app/components/randomquotedisplay/randomquotedisplay.component.spec.ts create mode 100644 src/app/components/randomquotedisplay/randomquotedisplay.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.19 KiB | 407.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git e39b0eb..8ae05be main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/uppercasegreeting CREATE src/app/components/uppercasegreeting/uppercasegreeting.component.html (33 bytes) CREATE src/app/components/uppercasegreeting/uppercasegreeting.component.spec.ts (692 bytes) CREATE src/app/components/uppercasegreeting/uppercasegreeting.component.ts (290 bytes) CREATE src/app/components/uppercasegreeting/uppercasegreeting.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#39uppercasegreeting" [main 2c82f0f] #39uppercasegreeting 4 files changed, 36 insertions(+) create mode 100644 src/app/components/uppercasegreeting/uppercasegreeting.component.css create mode 100644 src/app/components/uppercasegreeting/uppercasegreeting.component.html create mode 100644 src/app/components/uppercasegreeting/uppercasegreeting.component.spec.ts create mode 100644 src/app/components/uppercasegreeting/uppercasegreeting.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.18 KiB | 403.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 8ae05be..2c82f0f main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/divisiblechecker CREATE src/app/components/divisiblechecker/divisiblechecker.component.html (32 bytes) CREATE src/app/components/divisiblechecker/divisiblechecker.component.spec.ts (685 bytes) CREATE src/app/components/divisiblechecker/divisiblechecker.component.ts (286 bytes) CREATE src/app/components/divisiblechecker/divisiblechecker.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#40divisiblechecker" [main 7cde57e] #40divisiblechecker 4 files changed, 36 insertions(+) create mode 100644 src/app/components/divisiblechecker/divisiblechecker.component.css create mode 100644 src/app/components/divisiblechecker/divisiblechecker.component.html create mode 100644 src/app/components/divisiblechecker/divisiblechecker.component.spec.ts create mode 100644 src/app/components/divisiblechecker/divisiblechecker.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.18 KiB | 403.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 2c82f0f..7cde57e main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/countdown CREATE src/app/components/countdown/countdown.component.html (25 bytes) CREATE src/app/components/countdown/countdown.component.spec.ts (636 bytes) CREATE src/app/components/countdown/countdown.component.ts (258 bytes) CREATE src/app/components/countdown/countdown.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#41countdown" [main 6311c17] #41countdown 4 files changed, 36 insertions(+) create mode 100644 src/app/components/countdown/countdown.component.css create mode 100644 src/app/components/countdown/countdown.component.html create mode 100644 src/app/components/countdown/countdown.component.spec.ts create mode 100644 src/app/components/countdown/countdown.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.13 KiB | 231.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 7cde57e..6311c17 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/uppercasecounter CREATE src/app/components/uppercasecounter/uppercasecounter.component.html (32 bytes) CREATE src/app/components/uppercasecounter/uppercasecounter.component.spec.ts (685 bytes) CREATE src/app/components/uppercasecounter/uppercasecounter.component.ts (286 bytes) CREATE src/app/components/uppercasecounter/uppercasecounter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#42uppercasecounter" [main f71ef14] #42uppercasecounter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/uppercasecounter/uppercasecounter.component.css create mode 100644 src/app/components/uppercasecounter/uppercasecounter.component.html create mode 100644 src/app/components/uppercasecounter/uppercasecounter.component.spec.ts create mode 100644 src/app/components/uppercasecounter/uppercasecounter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.16 KiB | 238.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 6311c17..f71ef14 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/wordcapitalizer CREATE src/app/components/wordcapitalizer/wordcapitalizer.component.html (31 bytes) CREATE src/app/components/wordcapitalizer/wordcapitalizer.component.spec.ts (678 bytes) CREATE src/app/components/wordcapitalizer/wordcapitalizer.component.ts (282 bytes) CREATE src/app/components/wordcapitalizer/wordcapitalizer.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#43wordcapitalizer" [main ba3e10e] #43wordcapitalizer 4 files changed, 36 insertions(+) create mode 100644 src/app/components/wordcapitalizer/wordcapitalizer.component.css create mode 100644 src/app/components/wordcapitalizer/wordcapitalizer.component.html create mode 100644 src/app/components/wordcapitalizer/wordcapitalizer.component.spec.ts create mode 100644 src/app/components/wordcapitalizer/wordcapitalizer.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.17 KiB | 399.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git f71ef14..ba3e10e main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/primechecker CREATE src/app/components/primechecker/primechecker.component.html (28 bytes) CREATE src/app/components/primechecker/primechecker.component.spec.ts (657 bytes) CREATE src/app/components/primechecker/primechecker.component.ts (270 bytes) CREATE src/app/components/primechecker/primechecker.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#44primechecker" [main c3c504c] #44primechecker 4 files changed, 36 insertions(+) create mode 100644 src/app/components/primechecker/primechecker.component.css create mode 100644 src/app/components/primechecker/primechecker.component.html create mode 100644 src/app/components/primechecker/primechecker.component.spec.ts create mode 100644 src/app/components/primechecker/primechecker.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.16 KiB | 296.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git ba3e10e..c3c504c main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/randomcolordisplay CREATE src/app/components/randomcolordisplay/randomcolordisplay.component.html (34 bytes) CREATE src/app/components/randomcolordisplay/randomcolordisplay.component.spec.ts (699 bytes) CREATE src/app/components/randomcolordisplay/randomcolordisplay.component.ts (294 bytes) CREATE src/app/components/randomcolordisplay/randomcolordisplay.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#45randomcolordisplay" [main 2b6d36e] #45randomcolordisplay 4 files changed, 36 insertions(+) create mode 100644 src/app/components/randomcolordisplay/randomcolordisplay.component.css create mode 100644 src/app/components/randomcolordisplay/randomcolordisplay.component.html create mode 100644 src/app/components/randomcolordisplay/randomcolordisplay.component.spec.ts create mode 100644 src/app/components/randomcolordisplay/randomcolordisplay.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.18 KiB | 303.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git c3c504c..2b6d36e main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/vowelcounter CREATE src/app/components/vowelcounter/vowelcounter.component.html (28 bytes) CREATE src/app/components/vowelcounter/vowelcounter.component.spec.ts (657 bytes) CREATE src/app/components/vowelcounter/vowelcounter.component.ts (270 bytes) CREATE src/app/components/vowelcounter/vowelcounter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#46vowelcounter" [main 9f30c32] #46vowelcounter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/vowelcounter/vowelcounter.component.css create mode 100644 src/app/components/vowelcounter/vowelcounter.component.html create mode 100644 src/app/components/vowelcounter/vowelcounter.component.spec.ts create mode 100644 src/app/components/vowelcounter/vowelcounter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.15 KiB | 393.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 2b6d36e..9f30c32 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/temperaturerange CREATE src/app/components/temperaturerange/temperaturerange.component.html (32 bytes) CREATE src/app/components/temperaturerange/temperaturerange.component.spec.ts (685 bytes) CREATE src/app/components/temperaturerange/temperaturerange.component.ts (286 bytes) CREATE src/app/components/temperaturerange/temperaturerange.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#47temperaturerange" [main e638109] #47temperaturerange 4 files changed, 36 insertions(+) create mode 100644 src/app/components/temperaturerange/temperaturerange.component.css create mode 100644 src/app/components/temperaturerange/temperaturerange.component.html create mode 100644 src/app/components/temperaturerange/temperaturerange.component.spec.ts create mode 100644 src/app/components/temperaturerange/temperaturerange.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.17 KiB | 299.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 9f30c32..e638109 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/^C PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/gradecalculator CREATE src/app/components/gradecalculator/gradecalculator.component.html (31 bytes) CREATE src/app/components/gradecalculator/gradecalculator.component.spec.ts (678 bytes) CREATE src/app/components/gradecalculator/gradecalculator.component.ts (282 bytes) CREATE src/app/components/gradecalculator/gradecalculator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#48gradecalculator" [main 2ebce0b] #48gradecalculator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/gradecalculator/gradecalculator.component.css create mode 100644 src/app/components/gradecalculator/gradecalculator.component.html create mode 100644 src/app/components/gradecalculator/gradecalculator.component.spec.ts create mode 100644 src/app/components/gradecalculator/gradecalculator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.17 KiB | 400.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git e638109..2ebce0b main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/listsorter CREATE src/app/components/listsorter/listsorter.component.html (26 bytes) CREATE src/app/components/listsorter/listsorter.component.spec.ts (643 bytes) CREATE src/app/components/listsorter/listsorter.component.ts (262 bytes) CREATE src/app/components/listsorter/listsorter.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#49listsorter" [main 99fe4e6] #49listsorter 4 files changed, 36 insertions(+) create mode 100644 src/app/components/listsorter/listsorter.component.css create mode 100644 src/app/components/listsorter/listsorter.component.html create mode 100644 src/app/components/listsorter/listsorter.component.spec.ts create mode 100644 src/app/components/listsorter/listsorter.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.14 KiB | 292.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 2ebce0b..99fe4e6 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> ng generate component components/percentagecalculator CREATE src/app/components/percentagecalculator/percentagecalculator.component.html (36 bytes) CREATE src/app/components/percentagecalculator/percentagecalculator.component.spec.ts (713 bytes) CREATE src/app/components/percentagecalculator/percentagecalculator.component.ts (302 bytes) CREATE src/app/components/percentagecalculator/percentagecalculator.component.css (0 bytes) PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git add . PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git commit -m "#50percentagecalculator" [main ea9c0f8] #50percentagecalculator 4 files changed, 36 insertions(+) create mode 100644 src/app/components/percentagecalculator/percentagecalculator.component.css create mode 100644 src/app/components/percentagecalculator/percentagecalculator.component.html create mode 100644 src/app/components/percentagecalculator/percentagecalculator.component.spec.ts create mode 100644 src/app/components/percentagecalculator/percentagecalculator.component.ts PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app> git push Enumerating objects: 13, done. Counting objects: 100% (13/13), done. Delta compression using up to 4 threads Compressing objects: 100% (8/8), done. Writing objects: 100% (9/9), 1.20 KiB | 408.00 KiB/s, done. Total 9 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0) remote: Resolving deltas: 100% (3/3), completed with 3 local objects. To https://github.com/mischiii22/AngularBasicRouting.git 99fe4e6..ea9c0f8 main -> main PS C:\Users\FUJI\OneDrive\Desktop\New folder\my-angular-app>In the app.component, these are the 50 components.
<a routerLink="/displayhelloworld">Displayhelloworld</a> <br> <a routerLink="/showhellobutton">Showhellobutton</a> <br> <a routerLink="/displayname">Displayname</a> <br> <a routerLink="/counter">Counter</a> <br> <a routerLink="/simpleform">Simpleform</a> <br> <a routerLink="/userage">Userage</a> <br> <a routerLink="/usergreeting">Usergreeting</a> <br> <a routerLink="/calculator">Calculator</a> <br> <a routerLink="/textlength">Textlength</a> <br> <a routerLink="/currencyconverter">Currencyconverter</a> <br> <a routerLink="/evenoddchecker">Evenoddchecker</a> <br> <a routerLink="/wordreverser">Wordreverser</a> <br> <a routerLink="/showdate">Showdate</a> <br> <a routerLink="/showusername">Showusername</a> <br> <a routerLink="/multiplicationtable">Multiplicationtable</a> <br> <a routerLink="/simplelogin">Simplelogin</a> <br> <a routerLink="/fahrenheittocelsius">Fahrenheittocelsius</a> <br> <a routerLink="/bookmarklist">Bookmarklist</a> <br> <a routerLink="/charactercounter">Charactercounter</a> <br> <a routerLink="/palindromechecker">Palindromechecker</a> <br> <a routerLink="/temperatureconverter">Temperatureconverter</a> <br> <a routerLink="/shoppinglist">Shoppinglist</a> <br> <a routerLink="/factorialcalculator">Factorialcalculator</a> <br> <a routerLink="/todomanager">Todomanager</a> <br> <a routerLink="/guessnumbergame">Guessnumbergame</a> <br> <a routerLink="/wordcounter">Wordcounter</a> <br> <a routerLink="/randomnumbergenerator">Randomnumbergenerator</a> <br> <a routerLink="/multiplicationchecker">Multiplicationchecker</a> <br> <a routerLink="/uppercaseconverter">Uppercaseconverter</a> <br> <a routerLink="/wordshuffler">Wordshuffler</a> <br> <a routerLink="/bmisolver">Bmisolver</a> <br> <a routerLink="/usernamevalidator">Usernamevalidator</a> <br> <a routerLink="/interestcalculator">Interestcalculator</a> <br> <a routerLink="/compoundinterestcalculator">Compoundinterestcalculator</a> <br> <a routerLink="/fibonaccigenerator">Fibonaccigenerator</a> <br> <a routerLink="/oddsumcalculator">Oddsumcalculator</a> <br> <a routerLink="/currencyformatter">Currencyformatter</a> <br> <a routerLink="/randomquotedisplay">Randomquotedisplay</a> <br> <a routerLink="/uppercasegreeting">Uppercasegreeting</a> <br> <a routerLink="/divisiblechecker">Divisiblechecker</a> <br> <a routerLink="/countdown">Countdown</a> <br> <a routerLink="/uppercasecounter">Uppercasecounter</a> <br> <a routerLink="/wordcapitalizer">Wordcapitalizer</a> <br> <a routerLink="/primechecker">Primechecker</a> <br> <a routerLink="/randomcolordisplay">Randomcolordisplay</a> <br> <a routerLink="/vowelcounter">Vowelcounter</a> <br> <a routerLink="/temperaturerange">Temperaturerange</a> <br> <a routerLink="/gradecalculator">Gradecalculator</a> <br> <a routerLink="/listsorter">Listsorter</a> <br> <a routerLink="/percentagecalculator">Percentagecalculator</a> <br>Move the 50 Folders to the Components Folder
Add
app.module.ts
Content of app.module.ts
import {RouterModule, Routes} from "@angular/router"; import {AppComponent} from "./app.component"; import {NgModule} from "@angular/core"; import {CommonModule} from "@angular/common"; import {BrowserModule} from "@angular/platform-browser"; import {BrowserAnimationsModule} from "@angular/platform-browser/animations"; import {config} from "rxjs"; import {DisplayhelloworldComponent} from "./components/displayhelloworld/displayhelloworld.component"; import {ShowhellobuttonComponent} from "./components/showhellobutton/showhellobutton.component"; import {DisplaynameComponent} from "./components/displayname/displayname.component"; import {CounterComponent} from "./components/counter/counter.component"; import {SimpleformComponent} from "./components/simpleform/simpleform.component"; import {UserageComponent} from "./components/userage/userage.component"; import {UsergreetingComponent} from "./components/usergreeting/usergreeting.component"; import {CalculatorComponent} from "./components/calculator/calculator.component"; import {TextlengthComponent} from "./components/textlength/textlength.component"; import {CurrencyconverterComponent} from "./components/currencyconverter/currencyconverter.component"; import {EvenoddcheckerComponent} from "./components/evenoddchecker/evenoddchecker.component"; import {WordreverserComponent} from "./components/wordreverser/wordreverser.component"; import {ShowdateComponent} from "./components/showdate/showdate.component"; import {ShowusernameComponent} from "./components/showusername/showusername.component"; import {MultiplicationtableComponent} from "./components/multiplicationtable/multiplicationtable.component"; import {SimpleloginComponent} from "./components/simplelogin/simplelogin.component"; import {FahrenheittocelsiusComponent} from "./components/fahrenheittocelsius/fahrenheittocelsius.component"; import {BookmarklistComponent} from "./components/bookmarklist/bookmarklist.component"; import {CharactercounterComponent} from "./components/charactercounter/charactercounter.component"; import {PalindromecheckerComponent} from "./components/palindromechecker/palindromechecker.component"; import {TemperatureconverterComponent} from "./components/temperatureconverter/temperatureconverter.component"; import {ShoppinglistComponent} from "./components/shoppinglist/shoppinglist.component"; import {FactorialcalculatorComponent} from "./components/factorialcalculator/factorialcalculator.component"; import {TodomanagerComponent} from "./components/todomanager/todomanager.component"; import {GuessnumbergameComponent} from "./components/guessnumbergame/guessnumbergame.component"; import {WordcounterComponent} from "./components/wordcounter/wordcounter.component"; import {RandomnumbergeneratorComponent} from "./components/randomnumbergenerator/randomnumbergenerator.component"; import {MultiplicationcheckerComponent} from "./components/multiplicationchecker/multiplicationchecker.component"; import {UppercaseconverterComponent} from "./components/uppercaseconverter/uppercaseconverter.component"; import {WordshufflerComponent} from "./components/wordshuffler/wordshuffler.component"; import {BmisolverComponent} from "./components/bmisolver/bmisolver.component"; import {UsernamevalidatorComponent} from "./components/usernamevalidator/usernamevalidator.component"; import {InterestcalculatorComponent} from "./components/interestcalculator/interestcalculator.component"; import { CompoundinterestcalculatorComponent } from "./components/compoundinterestcalculator/compoundinterestcalculator.component"; import {FibonaccigeneratorComponent} from "./components/fibonaccigenerator/fibonaccigenerator.component"; import {OddsumcalculatorComponent} from "./components/oddsumcalculator/oddsumcalculator.component"; import {CurrencyformatterComponent} from "./components/currencyformatter/currencyformatter.component"; import {RandomquotedisplayComponent} from "./components/randomquotedisplay/randomquotedisplay.component"; import {UppercasegreetingComponent} from "./components/uppercasegreeting/uppercasegreeting.component"; import {DivisiblecheckerComponent} from "./components/divisiblechecker/divisiblechecker.component"; import {CountdownComponent} from "./components/countdown/countdown.component"; import {UppercasecounterComponent} from "./components/uppercasecounter/uppercasecounter.component"; import {WordcapitalizerComponent} from "./components/wordcapitalizer/wordcapitalizer.component"; import {PrimecheckerComponent} from "./components/primechecker/primechecker.component"; import {RandomcolordisplayComponent} from "./components/randomcolordisplay/randomcolordisplay.component"; import {VowelcounterComponent} from "./components/vowelcounter/vowelcounter.component"; import {TemperaturerangeComponent} from "./components/temperaturerange/temperaturerange.component"; import {GradecalculatorComponent} from "./components/gradecalculator/gradecalculator.component"; import {ListsorterComponent} from "./components/listsorter/listsorter.component"; import {PercentagecalculatorComponent} from "./components/percentagecalculator/percentagecalculator.component"; const routes: Routes = [ {path: 'displayhelloworld', component: DisplayhelloworldComponent}, {path: 'showhellobutton', component: ShowhellobuttonComponent}, {path: 'displayname', component: DisplaynameComponent}, {path: 'counter', component: CounterComponent}, {path: 'simpleform', component: SimpleformComponent}, {path: 'userage', component: UserageComponent}, {path: 'usergreeting', component: UsergreetingComponent}, {path: 'calculator', component: CalculatorComponent}, {path: 'textlength', component: TextlengthComponent}, {path: 'currencyconverter', component: CurrencyconverterComponent}, {path: 'evenoddchecker', component: EvenoddcheckerComponent}, {path: 'wordreverser', component: WordreverserComponent}, {path: 'showdate', component: ShowdateComponent}, {path: 'showusername', component: ShowusernameComponent}, {path: 'multiplicationtable', component: MultiplicationtableComponent}, {path: 'simplelogin', component: SimpleloginComponent}, {path: 'fahrenheittocelsius', component: FahrenheittocelsiusComponent}, {path: 'bookmarklist', component: BookmarklistComponent}, {path: 'charactercounter', component: CharactercounterComponent}, {path: 'palindromechecker', component: PalindromecheckerComponent}, {path: 'temperatureconverter', component: TemperatureconverterComponent}, {path: 'shoppinglist', component: ShoppinglistComponent}, {path: 'todomanager', component: TodomanagerComponent}, {path: 'guessnumbergame', component: GuessnumbergameComponent}, {path: 'wordcounter', component: WordcounterComponent}, {path: 'randomnumbergenerator', component: RandomnumbergeneratorComponent}, {path: 'multiplicationchecker', component: MultiplicationcheckerComponent}, {path: 'uppercaseconverter', component: UppercaseconverterComponent}, {path: 'wordshuffler', component: WordshufflerComponent}, {path: 'bmisolver', component: BmisolverComponent}, {path: 'Usernamevalidator', component: UsernamevalidatorComponent}, {path: 'interestcalculator', component: InterestcalculatorComponent}, {path: 'compoundinterestcalculator', component: CompoundinterestcalculatorComponent}, {path: 'fibonaccigenerator', component: FibonaccigeneratorComponent}, {path: 'oddsumcalculator', component: OddsumcalculatorComponent}, {path: 'currencyformatter', component: CurrencyformatterComponent}, {path: 'randomquotedisplay', component: RandomquotedisplayComponent}, {path: 'uppercasegreeting', component: UppercasegreetingComponent}, {path: 'divisiblechecker', component: DivisiblecheckerComponent}, {path: 'countdown', component: CountdownComponent}, {path: 'uppercasecounter', component: UppercasecounterComponent}, {path: 'wordcapitalizer', component: WordcapitalizerComponent}, {path: 'primechecker', component: PrimecheckerComponent}, {path: 'randomcolordisplay', component: RandomcolordisplayComponent}, {path: 'vowelcounter', component: VowelcounterComponent}, {path: 'temperaturerange', component: TemperaturerangeComponent}, {path: 'gradecalculator', component: GradecalculatorComponent}, {path: 'listsorter', component: ListsorterComponent}, {path: 'percentagecalculator', component: PercentagecalculatorComponent}, ] @NgModule({ imports: [ CommonModule, BrowserModule, BrowserAnimationsModule, RouterModule.forRoot(routes, {enableTracing: true}), ], declarations: [ AppComponent, DisplayhelloworldComponent, ShowhellobuttonComponent, DisplaynameComponent, CounterComponent, SimpleformComponent, UserageComponent, UsergreetingComponent, CalculatorComponent, TextlengthComponent, CurrencyconverterComponent, EvenoddcheckerComponent, WordreverserComponent, ShowdateComponent, ShowusernameComponent, MultiplicationtableComponent, SimpleloginComponent, FahrenheittocelsiusComponent, BookmarklistComponent, CharactercounterComponent, PalindromecheckerComponent, TemperatureconverterComponent, ShoppinglistComponent, FactorialcalculatorComponent, TodomanagerComponent, GuessnumbergameComponent, WordcounterComponent, RandomnumbergeneratorComponent, MultiplicationcheckerComponent, UppercaseconverterComponent, WordshufflerComponent, BmisolverComponent, UsernamevalidatorComponent, InterestcalculatorComponent, CompoundinterestcalculatorComponent, FibonaccigeneratorComponent, OddsumcalculatorComponent, CurrencyformatterComponent, RandomquotedisplayComponent, UppercasegreetingComponent, DivisiblecheckerComponent, CountdownComponent, UppercasecounterComponent, WordcapitalizerComponent, PrimecheckerComponent, RandomcolordisplayComponent, VowelcounterComponent, TemperaturerangeComponent, GradecalculatorComponent, ListsorterComponent, PercentagecalculatorComponent, ], providers: [ ], bootstrap: [ AppComponent ], }) export class AppModule {}Remove
standalone: trueandimports: []from All Components
In each component's .ts file, remove the lines standalone: true and imports: [], since they are not needed in this project setup.
Update
main.ts
Ensure that main.ts bootstraps (starts) the application with the AppModule as shown in your example.
OUTPUT
