# ACTIVITY 14: Angular Components **#1 component name: displayhelloworld** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727513155096/3b663e36-80dc-4212-b056-36dbc9c10930.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727513190700/9de4f998-5c37-487c-8490-7e441d5b5ef1.png align="center") **#2 component name: showhellobutton** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727513245406/2b54aa14-15cd-4183-ac56-40b9c66896a4.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727513260411/5e532429-1827-4c98-96f7-9761d09c863d.png align="center") **#3 component name: displayname** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727514018993/18bed609-aba7-401f-b8af-bdbf3ddb72f7.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727514008078/616fdf48-4b34-4311-9c6b-acc64a9918c8.png align="center") **#4 component name: counter** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727519233584/0cf21dd4-5fb0-4079-be23-ec0d46616495.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727519243715/d161c0f7-2748-4fb4-8876-064aae711987.png align="center") **#5 component name: simpleform** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727602417786/14eab69e-37c1-4695-a237-40e469faff51.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727602448590/e2dc8fae-c923-42cc-859b-3912ed54d4fd.png align="center") **#6 component name: userage** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727604185673/b56417a5-092b-4c8f-9286-16b4f0dc70dd.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727604255114/a44daab9-e26e-4a84-ba79-9ac730e3e447.png align="center") **#7 component name: usergreeting** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727696514172/146fd50d-662f-4a70-b2ae-ed185f1f4a5c.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727696530420/9c8d94c6-3eca-492f-88a0-83fa593c7503.png align="center") **#9 component name: textlength** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727698350731/e29fadb8-c3fa-4538-887f-1f550e03bb11.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727698400056/be171936-b510-4fde-b63f-a0eccddeaed9.png align="center") **#10 component name: currencyconverter** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785024235/aa4ff0aa-c943-4a60-b608-6e648222b117.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785056759/c6e2a6ea-5a8a-4aa4-9940-e739c5c329c8.png align="center") **#11 component name: evenoddchecker** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785102339/193731c9-1b29-46c8-9e4c-020c1466ce78.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785121561/1d376c4c-53c6-4ae6-8ebc-da05a5bf2bd4.png align="center") **#12 component name: wordreverser** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785172391/3638178b-5e3b-46c7-9377-223f1c28db34.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785200160/79cd9961-984c-40a2-9e8f-860bc54c95d0.png align="center") **#13 component name: showdate** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785254327/faffed3b-9b75-4c58-9982-cb73ae31da3a.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785276530/18ac6643-a671-461c-bccf-3c4642f37b97.png align="center") **#14 component name: showusername** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785320728/df47c035-bb90-4d43-9dee-6d5d62929503.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785330423/02e19a44-18f0-4bab-9711-8fc99cdf6258.png align="center") **#15 component name: multiplicationtable** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785371914/b86f171e-6a55-4258-a188-c341e473108d.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785393804/23c9f008-bcac-468e-abcd-332ab55cabda.png align="center") **#16 component name: simplelogin** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785422377/e533b5c8-eee3-4aba-a4e0-70fbc74b7866.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785445739/2cb3aa08-e9f7-4ff2-81d7-804250edfa80.png align="center") **#17 component name: fahrenheittocelsius** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785473294/6a14e7d2-b8a4-4fb3-902b-4fd131be7e67.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727785491377/5be815c8-7071-42d1-8e00-70cd558f0f4f.png align="center") **#18 component name: bookmarklist** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728027410450/bed4c7c2-51cc-43a4-879b-70a834c27249.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728027420881/896419af-5db8-4c05-ba8d-fccfb89f58f9.png align="center") **#19 component name: charactercounter** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728027489798/e492d1aa-34b9-4523-ab2f-a7e0342c97e6.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728027527059/609c30ae-de9d-4b92-bec4-6074e7c890e1.png align="center") **#20 component name: palindromechecker** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728027612591/7ccdec16-2f76-4aff-8e5e-c44fa49434ac.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728027630941/784f92de-f818-4eed-824f-b31eaa3f7572.png align="center") **#21 component name: temperatureconverter** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728027946279/f7f4b515-b4a8-4676-bbcf-2cbe0470fd9b.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728027965285/1c8e3e55-6e07-4c01-a847-03c959377a39.png align="center") **#22 component name: shoppinglist** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028033985/dd5a4c64-c27d-4bec-974f-88fbb791b260.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028058473/3adda4fb-0598-436a-96b3-ba761ddd4120.png align="center") **#23 component name: factorialcalculator** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028188099/561cd13d-464a-45c2-b444-13224d5d308e.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028226119/77a2f67a-a5fd-4c3a-bf6f-6566e6d87dce.png align="center") **#24 component name: todomanager** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028316514/9c082f1d-c301-48a6-998e-64b5b3632ab2.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028353104/b5df52d3-958a-4fd2-8764-49b6bfe6b8ec.png align="center") **#25 component name: guessnumbergame** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028458107/d46eee91-ce8f-481e-8025-bc0473e00159.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028482722/472a7aea-eb52-4f57-91ae-199e3c9d8acc.png align="center") **#26 component name: wordcounter** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028530292/29482ad3-f313-4f14-a293-1ad5d17e23f1.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028549233/1a20f7a0-4d00-417e-accd-7577ef23642a.png align="center") **#27 component name: randomnumbergenerator** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028619625/50adcdf5-65c4-4d96-a3ca-8a33c783ee6e.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028651031/e19c2da8-0628-4eb6-95c6-5de96277a016.png align="center") **#28 component name: multiplicationchecker** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028674381/dc3349e9-5e51-41f2-aafc-58056eaa6751.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028691946/8a799f43-9fc9-41fd-8c0e-80309b75fcab.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028746495/aa8ab4b1-5ff3-4bf7-aec7-c0c938683a10.png align="center") **#29 component name: uppercaseconverter** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028785077/68f91415-19ee-4592-93dc-db74e21e14bb.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028807073/b6cc7a52-b025-4fee-a15c-ac57d2de2158.png align="center") **#30 component name: wordshuffler** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037147116/c6104086-c0b1-4af3-9fde-c42f7c29ee9e.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728028965268/1faa013f-d55f-40d7-9150-87040e5e8468.png align="center") **#31 component name: bmisolver** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029010647/50809ef9-3018-4d8f-b0ab-a90e996b0b24.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029039496/69566026-2b77-4a4b-a9d7-fa22f921a2a0.png align="center") **#32 component name: usernamevalidator** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029116544/5a73ec8a-2cd6-4b7e-b2b5-6d1357983f4a.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029153191/b728e131-8b23-4cc3-8d7a-6250800c8c83.png align="center") **#33 component name: interestcalculator** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029248276/62e5c6ea-39cd-47ab-8304-87f57e3e4576.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029263945/efcb1437-649c-439f-8829-85a1d4fbeeaf.png align="center") **#34 component name: compoundinterestcalculator** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037119260/cdebcbc7-971b-4a1e-bc2f-c32b43276619.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029304548/8f182268-4253-49a7-9e6f-8d87c6fcb4be.png align="center") **#35 component name: fibonaccigenerator** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029341214/9e5de192-661b-4230-8ed3-8b0e598aa679.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029386151/7b40e87b-804f-4a2b-9245-b55b93dd3b8c.png align="center") **#36 component name: oddsumcalculator** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029416785/adb80bcf-c144-4831-9e82-efff24578c4d.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029630970/f4b1bf2d-4d08-4bfe-8329-f75fdea9d757.png align="center") **#37 component name: currencyformatter** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029666408/812b439e-d908-4034-bf92-2937059ef033.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029677449/02531b70-28e8-479a-9a03-92864debd296.png align="center") **#38 component name: randomquotedisplay** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029775546/e5bbe7df-4baa-4bac-a303-1943ba012ff3.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029757435/5cc364e2-9a6b-4995-bf95-9208509b2d09.png align="center") **#39 component name: uppercasegreeting** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029810771/f0102297-8c86-4fab-a97a-4fc259da2645.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029841851/9b2a8845-31a6-4218-ab04-5042eb95cbcb.png align="center") **#40 component name: divisiblechecker** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029865267/5914aefd-b458-41da-a24f-8c89a1668cec.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728029875526/e7c4e2d6-86f2-4f59-8b8c-6d4cfd953fde.png align="center") #41 component name: alphabet ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037216378/b08c8082-1464-4f2f-b04d-61bb79d7f151.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037250927/df7a5400-d495-4b0c-9e78-3563558ab719.png align="center") #42 component name: onetoten ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037279873/bd63a03a-fccd-46a9-9516-4dec9aac4718.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037298928/8149949a-1ce7-448a-9b2d-8829a09b470b.png align="center") #43 component name: hyperlink ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037344884/98e9c585-0296-4ad6-a60d-3d76ee019a23.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037359387/83c9d655-7768-403a-862c-e96588872974.png align="center") #44 component name: displayimage ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037398890/6237ba23-b16d-4a1b-8cd3-36f2fc8f4f25.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037409426/a02534c7-cd65-49f8-b297-795249de08f1.png align="center") #45 component name: paragraph ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037469887/7f908553-6ce9-4de1-ba81-c98780be6086.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728037482697/f3118b62-8997-4b17-b11b-67805da649d9.png align="center") --- [https://github.com/WalterJhonSalibay/AngularBasicRouting/tree/main](https://github.com/WalterJhonSalibay/AngularBasicRouting/tree/main)