# ACTIVITY 8: Angular Components

**#1 component name: displayhelloworld**

Display the text "Hello World" on the screen using a variable from the TypeScript file.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930260879/84d0d157-3f0a-4ba9-a770-45939c07a34e.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930323732/a05141de-9089-42be-b9b5-aae8675d1cdf.png align="center")

**#2 component name: showhellobutton**

Create a button, and when the user clicks the button, "Hello World" is displayed on the screen.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930396201/7e591854-2689-4399-8eae-da2dbf257380.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930471889/1aa6f80e-6bcf-4d4b-9b04-34e804e95756.png align="center")

**#3 component name: displayname**

User inputs their name, and when the button is clicked, their name is displayed on the screen.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930505330/eb0ce576-266c-46d3-9519-6d2bf1e4b56a.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930570243/4e45644c-da3a-48aa-bb80-415920208857.png align="center")

**#4 component name: counter**

Create a counter that increases by 1 when the user clicks a button.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930691380/b65e65de-7048-49fe-a1e8-fe3ea3756411.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930732045/4ad83125-2339-44c8-8988-7024999c5400.png align="center")

**#5 component name: simpleform**

Create a form with text inputs and a submit button, display the submitted input data.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930797555/645e3532-34df-4466-80cc-bad16bae09c5.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930895992/8c8728e4-cdc3-4162-bbe9-471ff62da504.png align="center")

**#6 component name: userage**

Input user’s birth year, and when the button is clicked, display their age.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930954076/09e601c7-82a0-45e9-8fb1-d897f190b4ba.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726930995461/e76d92db-ce6d-48cb-b9fb-f5617ed822aa.png align="center")

**#7 component name: usergreeting**

User inputs their name, and when clicked, display a personalized greeting.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726931045379/bcdc2dcb-1f55-4a3c-a022-9cfc7c8ff8d3.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726931107245/1df097ae-b3eb-4c40-a2d2-5ea84f311d4b.png align="center")

**#8 component name: calculator**

Create a simple calculator with add, subtract, multiply, and divide functionalities.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726931147525/853538b9-a3e8-4508-8a8c-ff780237aaf6.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726931193768/d2807ad6-0cd8-4a2f-9010-a621a782d698.png align="center")

**#9 component name: textlength**

Input a string, and when the button is clicked, display the length of the string.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726931258424/ec264304-b8f3-416e-a73e-4d5658fd74d9.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726931310033/bc5acd35-b547-4cb4-adcd-a259a820bf16.png align="center")

**#10 component name: currencyconverter**

Input a value in one currency, convert it to another currency on button click (1 dollar = 56 Php).

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726931339083/8d9f8d23-9f0a-4332-8874-0cadb2b8e20f.png align="center")

![No description available.](https://scontent.fmnl33-1.fna.fbcdn.net/v/t1.15752-9/460226084_2015729595514110_4215358647962077522_n.png?_nc_cat=100&ccb=1-7&_nc_sid=9f807c&_nc_eui2=AeGZqlrmdG6f82LjPUvKpYbMLnVNQCXe9HAudU1AJd70cNn9WWo6d6sG83r-BRit5YWYpsBbuN2EAIumASMZaYzH&_nc_ohc=0nXe0e3PZg0Q7kNvgHwLmVE&_nc_ht=scontent.fmnl33-1.fna&_nc_gid=AGIatHeDhKr_Me0ufVuuSSz&oh=03_Q7cD1QGb7PyyuNxP15uuflZNTy8bfXDaJb_m-5ZKL_ZT0hjVZA&oe=67166AA9 align="center")

**#11 component name: evenoddchecker**

Input a number and check if it is even or odd.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459252266_521623373806953_8729116090406673107_n.png?_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEKCObkxu6okCvBgInCHsy8EFJqtTBRCy0QUmq1MFELLZeucx0BaW-LKzhefhfekSCWtcbnx7vQihMpv-f53VRz&_nc_ohc=ZaTxs-yVvj4Q7kNvgE2_tmP&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QH0y-_4a9Zm-mETpL2a6RhwiUVy3MAhV4k-EnBEdeBENA&oe=67165764 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458589610_1049478879615987_3828369166002401717_n.png?stp=dst-png_s403x403&_nc_cat=107&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGZ0bB6oJY_p5eLO9UvM7OgqzC2y1X9g_urMLbLVf2D-5USq3c1Lz0Rl4284jfakeGalYGDwe4XsGSebz40Hcq6&_nc_ohc=XzoN76B35_sQ7kNvgHRnG_d&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QG2aaA9-6UXoS1_i9Nrt44Njo4XoY7dJs2eIR4MO2k3bw&oe=67166B43 align="center")

**#12 component name: wordreverser**

Input a word, and when the button is clicked, display the word reversed.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460212666_3946020718965256_8275833636592466948_n.png?_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFfjf1ld4zEz0rnHSY_xNjlHOXIbygp7N4c5chvKCns3jfvVtPBuyDxlPkJdZt7lfhE3a-kQnlKVhOFIl5WWv1J&_nc_ohc=kPyFWQAB_oYQ7kNvgEcWOW0&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QHYOQl-y89nkckGgRcb_4y8r4891Cw7z9mbWiVipwCF-g&oe=67166A5B align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460509627_436990115496834_1411272937696690053_n.png?stp=dst-png_s600x600&_nc_cat=110&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeH1GenGC64vM5tD895IwUuQmW6JhCH2aiiZbomEIfZqKCESYLNUxER8YcDf6A3oBTo2TFFdtTi6yXBr055VhtoL&_nc_ohc=SyLalTom0A0Q7kNvgGI31dM&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QG2FVyuBtVOTlDwwg6LxN23BlJnm87vEA5PQ7BTSAkM_g&oe=67164C89 align="center")

**#13 component name: showdate**

Create a button that shows the current date and time when clicked.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458156542_1295203664799624_7448495203758683289_n.png?_nc_cat=103&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHBeZLcRksoGUv2FZI75ZybKOBHTvnomaYo4EdO-eiZpvbYHGAsA01Zm-twpPMzAsODP6uN3LsZIhm1ePCOf0mo&_nc_ohc=ByaYd7kWXKMQ7kNvgEMAodg&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QE5z8d0ykYtsSpiGgy0_oIqfihnYO7I7wBa32N4E_J4ZA&oe=671658B4 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459293684_1029743625298885_3316638571707712536_n.png?stp=dst-png_s552x414&_nc_cat=102&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGSF3_l7ykCwbAdpSIoqwvn1XkGjPGG4rnVeQaM8Ybiud1ML3UTPAwp-N3t-tC8t4ZgHIZb9M6--dADtg06lXVd&_nc_ohc=R6-G_JrnZWYQ7kNvgHOY5qO&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QGFTsRNa0xfAkzVFtyfBRQTbUp8zoI4_xSfXEd0OA2XSw&oe=671638BD align="center")

**#14 component name: showusername**

User inputs their username, and on clicking a button, their username is displayed on the screen.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458917645_1784951668703390_1832909761482357715_n.png?_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGpEMPNnY9q0qoHkm5HmJwS8zO6HXLrZ1_zM7odcutnXwAWlopoqWKLdNK5MnpiijAxzkE0gvkW_DidzQ71IZDq&_nc_ohc=Aqa1G5giTfsQ7kNvgGP0c_A&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QGJf0ddqfna64U0h4PN_cLn43s-bQp980SLxJ4W6c49Ow&oe=67166B2F align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460403102_8768315286520256_9002992937836437756_n.png?stp=dst-png_s403x403&_nc_cat=102&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFVswdkPmsxEnj055j05yr9_YL5v0OgRKT9gvm_Q6BEpHpy0eJbT7AE31zOFEZgj1tGoHr9FlLf2RyPTdSOgf21&_nc_ohc=HoLGdqy29hAQ7kNvgGwY2vQ&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QHoKl-yioEttllvapAHutFJ1Wm10S0TMA1rQ0EnYgagtw&oe=671642E5 align="center")

**#15 component name: multiplicationtable**

Input a number and generate its multiplication table.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459962104_1049110090292028_925420078528900581_n.png?stp=dst-png_s843x403&_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGvA6gjPQibv-LAu-GcrmNcMWxmYKwv-asxbGZgrC_5q1TJ6_qfJdsRDb0T7tMDw_YtycXIZPHWtRSLeZiCyq0W&_nc_ohc=wfshGgN-jRMQ7kNvgGdgjWp&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QFujWzXLcRscAvfFWUl-K1b4vOUQsJAz8QY7wd8aztJ7g&oe=67163BAB align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459235345_2004508463316610_42615552327231279_n.png?stp=dst-png_s843x403&_nc_cat=106&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHBDeXeeMqJSTByak3vPEyRuyRB_v8bL3S7JEH-_xsvdF6y6fBYVyxC9Ath0_YQ_x3J0R36rOiX3GCqbAqOD9dO&_nc_ohc=h0e5rpKGtbIQ7kNvgHLhDfo&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QEBfOLa3t-lwyliEqeF_G6LWkrlXkfs9FJ3Jf6lswpvrQ&oe=67163EF4 align="center")

**#16 component name: simplelogin**

Create a simple login form with email and password fields.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459463633_1869063846936270_1925084665516615207_n.png?_nc_cat=110&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeF4P1r5s56L7OFveZajB_a_uA4KSGeOlpC4DgpIZ46WkMuqIYyeehe8no5RsSoMQyB3MUqN9XM9OjsrHur68NGJ&_nc_ohc=GXgsPQL0oHIQ7kNvgGUoNub&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QGs9FiiCv45TSaosgZ17GJKm4VzEO7tTFPKqIGDwpZ7sA&oe=67163FCC align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459301853_932617832041262_7171927007950144939_n.png?stp=dst-png_s843x403&_nc_cat=101&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFpY4_hXSmE16j_ffNVwDBkw24BgM5yjVfDbgGAznKNV8j-iCj2xEHL3SMW0qnUE3jow9okwQylLZELY5l6Vflg&_nc_ohc=ibeKZOe5BTMQ7kNvgGhp0xC&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QEb7h_bdC8oNQWxjRQ0KA8H9vLWDSfVdQ7B10V8xw5MlA&oe=6716402C align="center")

**#17 component name: fahrenheittocelsius**

Convert temperature from Fahrenheit to Celsius when the user inputs a value.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458549721_873766811394248_3280940443841198467_n.png?_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGFDwHdVkLp2-ntPBbWgMk49REt3Yhh-Qf1ES3diGH5B9cjNluu-l3OwK6aJrcFlRvw1MjNbM6dlu699zVAA_g3&_nc_ohc=qqkPlXoHuOEQ7kNvgFDvGok&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QH2oQwVpjPLB7wUHD6O65Z4Yb8BwDZgATp5_IEKm_7ROw&oe=67165270 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459156547_844320787867667_658218486716704055_n.png?stp=dst-png_s843x403&_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeH7U6nSJlimp9FBCX584s282jJpaI99SHLaMmloj31IciFvWcYPo5z7ud9lCFOiPzu5n37w4AYyM5w-ausSQcHz&_nc_ohc=zkoTZ1i8SCUQ7kNvgFLstw2&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QGt_w8GvHzTuo-o7VbLagvAKzmmB3C-sfxWWdnnaELXDw&oe=67164944 align="center")

**#18 component name: bookmarklist**

Allow users to input URLs and display them using anchor tags.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460934140_2304468883221705_6484167861180185579_n.png?_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHlUPq8ye6ijT5Cz3QN5D_9mFtTyaplce6YW1PJqmVx7i1btZC3BcoZ8ugPnngJmCxot77C-8WcjH1x5eZeuyVi&_nc_ohc=CxCp54P4xB4Q7kNvgHBGO2S&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QF1L3xdGhUjSd99qsPLbgyp48_tH84ynt3QjviwNeybhw&oe=671655CE align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460218769_535331682202410_5065803457112251365_n.png?stp=dst-png_s403x403&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeE5AAZOk5vT7zq3wIcGOkAYod6InTT5NiSh3oidNPk2JAUKhnO9MIASl6VTEP1TjCcaCogIaIyAb-h-8GUIH7ae&_nc_ohc=lpKhOW0jfogQ7kNvgEy5zOo&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QG4zvPtpRrhfJHnUQ4zEGHA8Rhvo8502UI-4MM1jPoYLQ&oe=67163A16 align="center")

**#19 component name: charactercounter**

Input a string and count the number of characters in it.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458093776_3828247967432906_945569374037455122_n.png?_nc_cat=103&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHI9XvS5yPbC_OZ2ra6vIhMB3Ga9WlUOOgHcZr1aVQ46Erha72JgT0JwPUa5v617c54o0PQ-mgUQ7yM6NJsRb5d&_nc_ohc=orWI-wKigK8Q7kNvgF3VfL3&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QFT1q7UsS0JI7tZQxYMKwvcrxuKDD88Wrknh_EGXIs72Q&oe=671663EA align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459391347_922015366633876_116784784570378317_n.png?stp=dst-png_s403x403&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHWc1mWKbPsfxNm0vk0ktxLPZ0ixmh4eb89nSLGaHh5v3VZBSKoZg4GGcjhH9B7Q_8aWP9FCqztjuVkI53SrbXW&_nc_ohc=uBqwp6kVLK8Q7kNvgECnzYM&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QEjXph7IE-9AE8bvPf-lT38dkeyHVDtlhmA5Vo8wQlhRQ&oe=67164CD6 align="center")

**#20 component name: palindromechecker**

Input a word and check if it's a palindrome.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460205770_548078034547263_987250598343649006_n.png?_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHFwxDffu0XisMFWgPM_fpupdNMNU6P3GOl00w1To_cY4SP9iD0iPIYYynFWc8buTeEwF_F5VCm_FBpbAQHDSfr&_nc_ohc=MKRZU2jFvdsQ7kNvgGpOLU9&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QG9nztYboVol3RgMR5riQUXOv9wHfPHzcBPMvcmSFjHjA&oe=67164DA1 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459212776_1234957461155943_7119941469774523388_n.png?stp=dst-png_s843x403&_nc_cat=111&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEj_X-CIWunlp2tiBzsAlOPtRH6K_CCGWS1Efor8IIZZO9NW0F9a8-6Sp548Ik8H1TvZ7_TsDy932O-V21lMOLy&_nc_ohc=E7fynEIEi7sQ7kNvgEYq059&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QHn2HjXpEM6thSxG6CEgyZUID6iQjQ4uoQjY9qEwZjtFQ&oe=6716368C align="center")

**#21 component name: temperatureconverter**

Convert temperature from Celsius to Fahrenheit and vice versa.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458968669_888469565964945_2819414102475325663_n.png?stp=dst-png_s843x403&_nc_cat=111&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGLVkn8E7onW3yNBVf_DEndLeKA8UoBgrct4oDxSgGCt3MyAQRSyMdjtg-bnCcpEthXQySkxfcIkOjdwLfUHwRT&_nc_ohc=MMOQEHb3EEkQ7kNvgGoQAQv&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QGYpzRXyHLSA4KO_tg8gwcvZbzmo7X7uHGHL65uyxJTdQ&oe=67166D13 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459098048_965803415302759_3214442134270044749_n.png?stp=dst-png_s403x403&_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHMub7gOwA3xBkbh3_y6NE_zC4Cw8wiJJPMLgLDzCIkk99GypGQslFsiFys7OtziJPEwDCPdw3hKeADWJ5ADHao&_nc_ohc=h2sGHcUN_DsQ7kNvgHzth-Y&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QEi5FR_aXWvKWvJGGI9OU2kwFBLlhsnckFlJQp2tH6RZw&oe=67165814 align="center")

**#22 component name: shoppinglist**

Create a shopping list where users can add and remove items (use list data structure).

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459100637_3422277994735105_4487669213117912986_n.png?_nc_cat=108&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGIyNA4g_j6HENWnrkInsrIcWRmCUB89M5xZGYJQHz0zuE0g49KiLttnzCqE8eBlYpAE9IWGfwbuSbingq11mxo&_nc_ohc=K53t5zKtGrsQ7kNvgE1iP5H&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QH0x1EtWbmPiF2qoP-L_bzp4VLVuvdwkcLx8lAeVL9Nnw&oe=6716448E align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459216060_897573645126428_5899770698648680719_n.png?stp=dst-png_s843x403&_nc_cat=108&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFGywei5AGpMraQdLJDBKbVR5PKWL3L3NJHk8pYvcvc0l9rUMJHb3d8xT-kg5uzI-LUZpfbaYO6PY0_kyqgQR5I&_nc_ohc=q-EQsqNvItQQ7kNvgG2fF3t&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QFflyImXGt3CsvdKhicXty_OL7lLsUbfQ1EdlByhNow_A&oe=67163733 align="center")

**#23 component name: factorialcalculator**

Input a number and calculate its factorial when a button is clicked.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460931527_908601211303192_1617101988038570442_n.png?_nc_cat=107&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGZ1lgy7_FjdoTio-p6jbWGuLbT1DO3k3O4ttPUM7eTc7Pk2YTfEvhF8eaD3jbpfeG98XVbFZvHJ25F-4NbeeFY&_nc_ohc=lkAaYHRVgNoQ7kNvgENECk8&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QE2QCMlA5q3vG_3os9iz1MQuKOHfaYx0etc7NVXi5j9bQ&oe=671639B6 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458395195_8412163192201004_4240042956101684690_n.png?stp=dst-png_s843x403&_nc_cat=101&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGVm-QBYNOM9A7c6Bp8LNYBUz7tH69yw0VTPu0fr3LDRZZH3BzkGgf_WLLiW32Ke9pW5KMW5Vtng52g5Ws-KBCw&_nc_ohc=qwez5xzHlOsQ7kNvgErWA13&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QFiMVwnm0qe70V4tFsaRDy1MjgwQYGonX67rBJZ0kxOfw&oe=67166C38 align="center")

**#24 component name: todomanager**

Create a simple to-do list where users can add and remove tasks (use list data structure).

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460137770_509255545079754_7660003156450469626_n.png?_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGIeMj25tTJNX5EgzyTTlxAm7JXxaTBeDWbslfFpMF4NW3-pMM96fcalQtBgxHx__jS8ht7P99IZBeCYBxTMQ2s&_nc_ohc=kLbYKjiNjyIQ7kNvgFymz7P&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QF9jw-jA0VpNq0bu84ZD9bnBFsIIeNPR9VEOHQNToZchA&oe=671660AD align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459944704_1764807827704567_3721522259596849134_n.png?stp=dst-png_s843x403&_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGgmW2gExl5SwJmA4mI2Q-2Pd67Swjshrw93rtLCOyGvAbV8eJSG0CL640k8Pxq5jYg6YuProOLysdxPPTShhPN&_nc_ohc=aFQCZs-dK7YQ7kNvgE8JYPq&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QGFZZMri6ZKRwbpnxN3V3aIQt5cwC4yzDn2ugt_d8SStA&oe=6716690B align="center")

**#25 component name: guessnumbergame**

Create a number guessing game where the user inputs guesses.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459182882_521493200571109_5022905505273668947_n.png?_nc_cat=108&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFxHJPIiiyMBa_0B5V-Uqir5blCIf8QDZLluUIh_xANknraRp8di-qfjV2Og07OkNl1wi_Ahy8iEY3XBkqoH7s3&_nc_ohc=FzYPaZo9dcgQ7kNvgG2aIEu&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QEhzquWpTwSxoBFWfQs2L9dS6dMrjLfYNexTUA5AnzSBg&oe=6716677C align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459409456_540704098637773_5536562914819256230_n.png?stp=dst-png_s843x403&_nc_cat=105&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFARSsXWGbRR-iDQHmzZfYDWJIHOrzHPHZYkgc6vMc8dh8ssvolD1jWh74LiqTUyPbXPfmihnamtAR4fQiKgTL5&_nc_ohc=1EHQeNwfZF8Q7kNvgE8Uuct&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QEtRHwAye8KoAlZ_6a8LWdUHLzRDJDhLEiZMln35RkrzA&oe=67165867 align="center")

**#26 component name: wordcounter**

Input a string and count the number of words in it.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459196393_812697927427896_408377388013571785_n.png?stp=dst-png_s843x403&_nc_cat=101&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGCJdfg0JbIJp_RG25AsnSWHpoXhbKKB_gemheFsooH-F0BBuz0SVrZlWZAFMhEtatkeu-aG2Uh6Qn4AapWeupF&_nc_ohc=nrNMOJqIDOMQ7kNvgF1khow&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QFjfgqECxm7Togtzes0N6TOxeS8aqM_q2bWvqcCiaMWgg&oe=67166B48 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460212674_841098841135181_1451177722925326501_n.png?_nc_cat=107&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEwLMWGAEUfpwHrDM98SBfL7xewSNorfK3vF7BI2it8rVzCA1SxEJAD51UCCAuHIKFj7sxBIvSdrCjEkumKSxPx&_nc_ohc=7e9STeW0J9wQ7kNvgEZ2zIO&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QEobfaiqIopeymYJ_Mg2udIQtBAVtcAAT_yjZS0Tr4a5Q&oe=67165E02 align="center")

**#27 component name: randomnumbergenerator**

Generate and display a random number between a specified range when a button is clicked.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459897355_1128543838636222_6203540982340211956_n.png?_nc_cat=111&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeF8sUsap9d80Xa_2hb_0fFCzLMXxOBvwPjMsxfE4G_A-FjqkrTtntd8gmrBbFhhzjJ3weNwrCr6uG_1pTqsiCt1&_nc_ohc=p598chOK8CwQ7kNvgH_kQET&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QHb2n19txo646VS_wXDb7UjH4ohOb8Kv78Bp6TRmuJeVg&oe=67163B2F align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460218761_1180660683222170_5914313456325571868_n.png?stp=dst-png_s552x414&_nc_cat=107&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEsZwvkI58sr6k7rRQUyYHHCwxZ8fi8Ks8LDFnx-Lwqz84s_g7s2_EJfts7fg9DsWClkDzBpUAD7FkAhV_vHP2g&_nc_ohc=cf0Bw_FnMagQ7kNvgH-kVcA&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QHvyEsBfsfHMG8zKo88T8fsn_uKXLw-QOVZK1KL6fvX5A&oe=671667E7 align="center")

**#28 component name: multiplicationchecker**

Check if a number is a multiple of another number.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460529783_3833140416932093_6164958665470133237_n.png?_nc_cat=110&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGm2RO1y775a36IjGl_RaRSEfga2UinMa8R-BrZSKcxr0S-9KL9GtwptT5n-3JoEWU9D_Gj9_KYT1aQlRDhtNjJ&_nc_ohc=2408eM7PyKIQ7kNvgFE-RLb&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QFwgM0q0MXe44z2esPiRSTjCfVsC0hry3WUajmE-tw7WA&oe=67165A18 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460414504_981047823779172_8765793801754269286_n.png?stp=dst-png_s552x414&_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFbvJAH_VIARiJvWT7xSbXuf8oj_4hvjgp_yiP_iG-OChd0oL5UURbf58Ea5ZwigjnYC35AT63T7E7m_ju05q3Q&_nc_ohc=zplpiqhtcPUQ7kNvgEhiWi5&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Af94XWDb2rWR3gZESe3YiWj&oh=03_Q7cD1QG333qUQdw-Bd-6C9aO8wtYPtco9X7QBWp62BTN_6y43g&oe=67164962 align="center")

**#29 component name: uppercaseconverter**

Input a string and convert it to uppercase when the button is clicked.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459168684_898390305520222_3884388457624424019_n.png?_nc_cat=102&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHAFEQKNXD63FHE08DE_nhpYa84STwL5X5hrzhJPAvlfs8OlL2g-0iF6cgY7EB6g7JXX6gR3R04e5ACzfLOd5T_&_nc_ohc=DcNYJ_KxmkEQ7kNvgGKsCkd&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QGEAU_qQpvL9yV_3Y9VlZJmR2OGXMtemHNERjazXXsKTw&oe=67166D86 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459383105_1015268920345170_7020520187185107822_n.png?stp=dst-png_s843x403&_nc_cat=101&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeETPZc-pUs4lWwUoPgL0OLc3CYKeLWIocTcJgp4tYihxPfhE-L8F6NlPcAMwIz8JPy_bDswp9j81GgE_RpHVeZ8&_nc_ohc=aghX9KZyseMQ7kNvgEIzlX_&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QE0hRtr94jyWl44IKNL4RR3N-zcwHTfQuvz-yF7Hd22KQ&oe=671664C1 align="center")

**#30 component name: wordshuffler**

Input a word and shuffle its letters randomly.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459072404_1875461849627829_4019746552101836618_n.png?_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFuSbApSb-r26Aj9zOa1UoRe2_o6jbNkNp7b-jqNs2Q2tEUL4XIgC4ldAB_BShX-3-6EK1RGvfk5tuVPbp4Phvy&_nc_ohc=y5jWT9wFvgIQ7kNvgEnrW9u&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QECLiV1VpKlevFQ4EijvIyyLTa-YOjJkrZeRuuRNv0QGQ&oe=67163C94 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458395195_889790862505815_9065488748682627360_n.png?stp=dst-png_s843x403&_nc_cat=106&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFiN_D7sTEZdmk1nxfu4WglDrrSyKcLYbcOutLIpwtht3eBWyG9fQY4W6Bds_zmHvHgy2CyxM9_CkG7b6wnMzS4&_nc_ohc=TnXo5eD0hz0Q7kNvgE4c7OW&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QG7ArOLX1uvV9NSBmDRo6PVbK-wZprvDN0jJvQ__Pk9XQ&oe=6716558F align="center")

**#31 component name: bmisolver**

Input height and weight, calculate and display the BMI.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458180396_1217409046138475_8702063579893788205_n.png?_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEJGIQYy1jO7Lea7CaLYb7ndXfM2R95rm91d8zZH3mubxKcToiuUARoP-Ip0puwyYX7xm5IJ5BkUHfJ9SGhsUMq&_nc_ohc=vrFUOAAiVtQQ7kNvgFfkEki&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QFgOZq_rAngcpZw954TGSWPwQMTSJ3ZVi-tU-VqxoSLmQ&oe=67163CDD align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459625174_549914807469545_708886223787291777_n.png?stp=dst-png_s843x403&_nc_cat=105&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGhFUrOIvLkyeJi11WJiON9EtUZ9YHVirQS1Rn1gdWKtJ73UVM4B8FUGUY-94B1QotUWul7CTvZszfD3fXn_fwH&_nc_ohc=0uRvyw75GpQQ7kNvgEU3Lbu&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QGI8BKXumoOxwRSUL_FIm9HqXGyE3L_kAvvSXPoU2b3hg&oe=671644FB align="center")

**#32 component name: usernamevalidator**

Input a username and check its validity based on predefined rules (Create a variable).

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459960311_1085226426450447_505079108206543318_n.png?_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeG4PQqJlDcEQTDelqAfp3ENW9IFoKmkuvZb0gWgqaS69u0PERe_aRjZL4QiiV-ycQXNQdH8j579nNoxM6gzMnhl&_nc_ohc=QWwDHxCckkQQ7kNvgGgjFOu&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QEcdhQzlXTxf3heP7LvfHEfXk0x_XDsGHYcjOrj3cwlEw&oe=6716445D align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460249220_8241682295924414_761581621846349069_n.png?stp=dst-png_s843x403&_nc_cat=107&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHzcLNKI0-KQZswDa8Wl6t-qdiHo0iPtxCp2IejSI-3EIadan-k3xvOfk4K5SOwfBP7Rm0qzaOD6nQ_0eF5KCdE&_nc_ohc=BrovH_MIs74Q7kNvgH6syht&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QHe7uz8dB0XBLoJxf-SWnGVLAkYeIyroixzXCP6Zc5PXw&oe=67164F42 align="center")

**#33 component name: interestcalculator**

Input principal, rate, and time, and calculate simple interest.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460262519_539862715168547_7804169619409435128_n.png?_nc_cat=106&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFuUV4wrEpQJU3WdqUgC9PDCW-0B_92fjsJb7QH_3Z-O60_MqzQWivtWiVbRn1jY5A-Z9uTj2s5o_SD3XBb6qNi&_nc_ohc=J4IigNyYkwMQ7kNvgFQ3PU7&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QFAt2Azv5bbPejWEf6R_UknV7ro1ONDY2tKDTpLsZVcZA&oe=671651FD align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459112399_1021704523018225_185004180683299756_n.png?stp=dst-png_s843x403&_nc_cat=103&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeESN4muxSFTeYhbxeueakYdugHjzwbOtKS6AePPBs60pH9y_ESS9WW6u17IdjNKZ9xWCA2-m76dxd4B47YvrWyx&_nc_ohc=6KZmSEbbRbMQ7kNvgE_jEIb&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QFPzl9eFiZDVIJY_8RAyb-823C7-PVv-FOB8-aZv2UGuw&oe=67166E1E align="center")

**#34 component name: compoundinterestcalculator**

Calculate compound interest when principal, rate, time, and frequency are input.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459398096_1198561717880320_3385964219936712939_n.png?stp=dst-png_s843x403&_nc_cat=111&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeE1cOFKbOvDWQwvUA_WM8N_N6gVWg80-pI3qBVaDzT6kj-ADCEsHyR1YMFtm0rJ0EznY1Si7ISVFzC5ONIo-PrD&_nc_ohc=h9T3v9pi_pgQ7kNvgH5UkUq&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QHzvsOnG1XISAlO9LEKCJhoaqAWKUhKd6Pc66qX_0g_qA&oe=6716400C align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459904615_872067574892791_3669801752373896031_n.png?stp=dst-png_s843x403&_nc_cat=103&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGhKItr2Ktb7_MFwis_1VJu_2QtmAlwnOH_ZC2YCXCc4Yp0oZMhxXMWtx5a_PAqzzkhpeYSrkS8VbjW8M57bRDW&_nc_ohc=3-MauxWGFFIQ7kNvgF0quvV&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QFJTHp9_DkvhcSkwI4tNXsC5ZBv_13932fNAPjbYiIuxg&oe=6716439A align="center")

**#35 component name: fibonaccigenerator**

Generate and display the first N Fibonacci numbers when a button is clicked.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459381839_875146277551436_1702630537180061571_n.png?_nc_cat=111&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeF0zwzOifbObrkVi7boxAch4EgoLScva1HgSCgtJy9rUbMBJtgo0y7UnC9hFBY80uRfPUAW6M7-pz994Ta20Vgx&_nc_ohc=IvJas5mF5AQQ7kNvgE61CB-&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QESyj71wLuOPDX8VMpN-wxGo_QtS6nJXT8pPC7SkZsa0Q&oe=671664AA align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459068519_1064494182130660_3975964968433038381_n.png?stp=dst-png_s480x480&_nc_cat=101&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEZgEB_OtNfPjdfSXmUst6lpGySfXjMhGCkbJJ9eMyEYCC9n_Dv6vlh0W7r66n_k4FM9EVg5KqkvaoiZ-9Bzhx8&_nc_ohc=mTngLMID2IIQ7kNvgFWjC22&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QGHU2S2YL2YXVhLZJYh3pQFsNdH8TqkLlSsuzQhn0Yknw&oe=67166EE0 align="center")

**#36 component name: oddsumcalculator**

Input a number, and calculate the sum of odd numbers up to that number.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459372728_1150084636089436_1441011513396453960_n.png?_nc_cat=110&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFyqPmIXFT92IaOBgqntVha07oxXORicFPTujFc5GJwU0mxmL2CXRAx737lKTilvb38-Cak8qYDYt8sbBH-8Yic&_nc_ohc=fsAhjd2FlnkQ7kNvgGYlWE9&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QH6ESwHWtr6ubSz7dHGVBM5TOltuXd2hsc39OpJBbSQ3g&oe=67166EA7 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460666211_378772618615053_6766931381578150960_n.png?stp=dst-png_s403x403&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGlHgTH_Z91zZ77jBbPMEvJQEh5GDMRtFhASHkYMxG0WLIMj4t3NMVd-riOxBTsZ5QCAMyGKiTHvZm3uP9Qqvif&_nc_ohc=1xtcaOCDa3kQ7kNvgHdwyeq&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QHqe4orv5uyFCZ_bnRVHupiZ1eBs99QP23wH0FvWaqRJQ&oe=67165FFA align="center")

**#37 component name: currencyformatter**

Input a number and format it as currency when a button is clicked (Dollar, Php, Euro - search euro conversion).

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460242461_1610839646130644_4988406767564982743_n.png?_nc_cat=111&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHMXJBNnCCmfTjUAj7af_Uw_ShAb68bFNn9KEBvrxsU2ZNce8XHnEFm0NA-jWCnkmC4OBU9EyKnyKd3OZmdsSLt&_nc_ohc=zE1KsuKWzLEQ7kNvgENcNO2&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QGreY7yKID49VJ0QDUVxvDnABzJnd1rlbSJ80Yq51G-RA&oe=67165D27 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459144801_1053960015736893_2362756912217966188_n.png?stp=dst-png_s403x403&_nc_cat=105&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEYNBZWB1Hdvpo_eovgNE-kNLOqDoLBpIg0s6oOgsGkiLI10cl6LqDG142SAGXICBN1_maqej14riLb7j_qSFcl&_nc_ohc=rgxwaL_eYlwQ7kNvgG6rJms&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QHU2RfFFb9ocl8P8litUULWUu6H7eKq3sVXJpu0hUwLvA&oe=671650ED align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459020446_516365734444985_108289134267247530_n.png?stp=dst-png_s843x403&_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHROCPr80KjrxHxHznxlRB-egFlG7gfovp6AWUbuB-i-rAWVptxfDuuf40ya49odG5nb2BFXpOwyCwQX0g7PE0s&_nc_ohc=uCxdw_l1Og0Q7kNvgFEygIn&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QERyCr9i8VWxBqyFRZCdNLm3buFisdd8B_EbfT69YVR5g&oe=67165E44 align="center")

**#38 component name: randomquotedisplay**

Display a random quote when a button is clicked (use list data structures).

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/456242453_1059714665520334_2354159829431414456_n.png?_nc_cat=108&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGXIOQ82Rts5EOVAOqW-gC4IemVw9OaJ6sh6ZXD05onq-2unaG5eM0WPV-Ei-xhWQB_5B6tELkxv_n1sS8fpAfp&_nc_ohc=ZuCIthovw2wQ7kNvgE_53ZB&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QHodJgdVwmVlKQnG_M_-5lsEPejvw37jUpHMX4ZA2UN9w&oe=6716455B align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459342776_1666096787296710_8860468483011481851_n.png?stp=dst-png_s843x403&_nc_cat=101&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFa09Bfs_CDtMjOEKLHjhGu15pIsPa8VKvXmkiw9rxUqyoPaAhCQYtIHn1wd2ZIEk3goRnJeByQy9P_910neo6K&_nc_ohc=M7P1BtvD-oMQ7kNvgHEKj27&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QEmGWTNP9ayO6KP8On-jqTXz45eBLvRxrP91WPGuduQ7g&oe=671667B3 align="center")

**#39 component name: uppercasegreeting**

User inputs their name, and when the button is clicked, display the name in uppercase.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459897363_2584690548586924_8129879930826021655_n.png?_nc_cat=108&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEsOvud_RUia-PglzSK6OY8J4B16tnw-WYngHXq2fD5Zn3TgyokBb9B89wd3_2YsRyqYOQks4JoQLQTOUXAQiy5&_nc_ohc=e6huG36F5BQQ7kNvgHQpp15&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QGKGcrgmi7oqjUpqbsOGaI76HyN0HWHQU5Iopp_IvqoTw&oe=671643D2 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459388092_1572123540384301_7328297663597302088_n.png?stp=dst-png_s843x403&_nc_cat=111&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEhnyRThkJqh7uSc0S-WnEzPku66P6Gkng-S7ro_oaSeL3oNKslkJ5Y6lpxImbeNhB1LIuqGnyOG_Y6OQ84CYbG&_nc_ohc=Z4wFCJtw-gsQ7kNvgELQWYF&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QEcGPOuMv3XEfRjTmoIDHECVjCyRhl5Aha16FdMazPT_Q&oe=67166313 align="center")

**#40 component name: divisiblechecker**

Input two numbers, and check if the first is divisible by the second.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459356614_534864795892389_4253628662814328870_n.png?_nc_cat=106&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHMwUllelTI9RRd_YLU926dP2yC-VDRjyk_bIL5UNGPKTEM6Iyf2wVk-4ZQHVM1Lm-hLeZgwc93YJm8O53Tg1zo&_nc_ohc=GuTIBwMXXcoQ7kNvgGZNH-n&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QHN3Kn0TBT7yWwnAVwjgQS1f1TJPAyPILbYGByusnURDw&oe=67166B17 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460416403_1215040373156502_6903978437593618068_n.png?stp=dst-png_s843x403&_nc_cat=108&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHzps2A2q_fUfoDdbz1y3sKnziG1HLtjd2fOIbUcu2N3QNCw_KuHtyV_o8FRbsiCPacQXn-huelKmEYN4iKCZ9r&_nc_ohc=zP7kDa91gFwQ7kNvgHfPUeD&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QELaplHfjwTn7nbOOoLnRhdi2VgNZovm4O9zw_uw5u69A&oe=6716443A align="center")

**#41 Mood Tracker Component**

A component that allows users to track their mood over time and visualize trends.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458107689_1254007539352576_6393942839176240245_n.png?stp=dst-png_s843x403&_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeE_sxbeSkVU0F0ge-kzuHxSWIxx9LOUnH5YjHH0s5ScfsLOtFZWPtXBdzKE-EC5u_xPsCne26NHXFLfIQ0klTXA&_nc_ohc=uSrm-rWXbdIQ7kNvgEAyhgc&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QENkiMAOKZsn6qkovnXvQ9t9MNG4g2yHXHI5BeMZ-nneA&oe=6716463C align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459349849_1731419174288475_2675090511009145749_n.png?stp=dst-png_s843x403&_nc_cat=103&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeF44o21kpMxqE9CZFic6wJXe2QYHGoVryF7ZBgcahWvIZuo-6_-KlrB_GhhDOvN0_XZ8yHfHzw7tuTKwMbT0uN2&_nc_ohc=J6HChhjeIvIQ7kNvgEHxLjv&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QERLD4pdWhJtvFkQ5_mPcy_Rzaj84u0w0u5dofnmapr6g&oe=671665B8 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459280908_621524056948418_5306199218862099611_n.png?stp=dst-png_s843x403&_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFhGwFitIgX-tFxWHkEqLht7lMOetKmlqDuUw560qaWoDa-Yt_3Ev8MfviBHGiTIfmIO0IhZAFvpXNwqPRxgUrG&_nc_ohc=dZ4BsuQQwNAQ7kNvgHGt41B&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=Ai7PaTCVP97jkqy_d6YtawG&oh=03_Q7cD1QHe3UcY1Stwz8Dde0nklUWQiI8e5cOz4MkWTvxUZpdqLQ&oe=67166AEF align="center")

**#42 Color Picker**

Allows users to select a color from a palette.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459160860_562217139571870_2429216770873308553_n.png?stp=dst-png_s843x403&_nc_cat=101&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGgFVfldouWkvgpzKNZn01WEgPhVjsn8E8SA-FWOyfwT8fgzQhYUv642Padeci5NSaZ4yPkOc7apmfp_VQNTLDX&_nc_ohc=wFOOx2fJNW8Q7kNvgF1CcBx&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QHb6fwnYUn8c0aRielUZh4vcaC9_mZmV52fgu6_3c-JkA&oe=67165039 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/456530802_553719817186745_7620596180088928398_n.png?stp=dst-png_s843x403&_nc_cat=102&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFAhRmeC6tinapTvXeqt1W5EI3Cb87RigIQjcJvztGKAqUi62LZDnTTWdrFzcJe1LtTw70qz_nvbI_zSBsTUAG8&_nc_ohc=ui1gVRkX288Q7kNvgELf0eh&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QHakzy0zU2sdWyrqdzr02qIaMtjSO-mVq5KxQ2p4YAaBA&oe=67164B34 align="center")

**#43 CounterComponent**

A simple counter with increment and decrement functionality.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459947988_1176471443458497_4851016233853525789_n.png?_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHYHiL5V_MxyDYdILOM323qTv7uL-Kk64lO_u4v4qTriSGoe_62JbeDhizx57p0tNGtKhxwZet6YuDwNIhyzhUm&_nc_ohc=rK27Of2qhLQQ7kNvgEKdBl-&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QGfslc7GeGrIdwUVQCxMU-xF08HSjB71g6Zp3Mol2jD7w&oe=671676A5 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459912557_865723835624937_6711401234024188171_n.png?stp=dst-png_s843x403&_nc_cat=100&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEHWjCVhNdyHWZF7sSyvw2ZjKM1BuuT_iuMozUG65P-KzjkLZ2EwsuHbtzKa8BXuzlJgjg_CFzLlkdz0rANnk8b&_nc_ohc=Ck65QKSRS1oQ7kNvgGs4BOK&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QGus7PD0MmDmaZMsWUM2oc6tw8S1CV2cm5iG91eFAj8yQ&oe=67165387 align="center")

**#44 ToggleComponent**

A component to toggle a message between "ON" and "OFF"

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459114642_373337445848827_2690232787811751895_n.png?_nc_cat=108&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHyOT5a8FzdTFZT-zYuvP4XhemY05i4lNiF6ZjTmLiU2Imw95jt_cxrRkcTxncXMLAoo_O5zwrtyUyFM3F5Y1kF&_nc_ohc=kW6ACp9-lGoQ7kNvgESjFnL&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QHd0OQXEZh47I9TeBqRSDs_ErCMaCswo7a1LtP5-Q_vgA&oe=671658C9 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459163115_440785585083148_4874368919948835610_n.png?_nc_cat=110&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeG7y-UQYAd5Jy-dFkLrGKMsfB5PfdXeWFh8Hk991d5YWDv-gfBW1TU2j1pfanrXByrnlJQAQSLbJvgX2Ffugptq&_nc_ohc=d6nOs9AvqnwQ7kNvgGUxuid&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QGb_a9tR1w634ZCCCRjgHzvE_zcGMj_nzv8RgFyw5K_WA&oe=67164951 align="center")

**#45 ProgressBarComponent**

A progress bar that fills based on a number value.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458394829_1962237700886287_445346740827451788_n.png?_nc_cat=105&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeFHcs8U92VLX0aBA-lN40aTDnHnQoM4XrQOcedCgzhetAMMeO5N8lpvgLIOywbL8zy54Optt3-HXO2uaXFVmxuc&_nc_ohc=fCM3U8ovzukQ7kNvgHGDwfY&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QH1M5xJ-S3eZ1VmI6Du2ZCPSdW6ZWr3Dpv7tq7eCgnL4g&oe=67166953 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459069142_541698031865426_4509507097340565330_n.png?stp=dst-png_s843x403&_nc_cat=110&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeG-5NLxRNzHc2RJ4ABpaJ2YGgFgOxu1c-gaAWA7G7Vz6PW86U8-ydn6MWvQv1wg2w_dRv0opyu2uec5mHaNK_a8&_nc_ohc=s-3u1R-A1MMQ7kNvgH79VPs&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QEQPDSfkBuyF3yFxXngqoHcVC4vGpZ3B77q1aRKBP6Ilg&oe=6716545B align="center")

**#46 ChecklistComponent**

A basic checklist where users can add items.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460289197_7886129148163291_8199406405947936006_n.png?stp=dst-png_s843x403&_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeH3TlKCn2ng1B-1-cIBJoHW9x_AyHQRzkz3H8DIdBHOTK16zNVppfKSrzva9WVz1_zMosABzXI4OrUDNrJ2uaJu&_nc_ohc=YPHkG7YziKwQ7kNvgGHFRFx&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QEW-pS3-Ghuw-FFihMigowe4eMNzgHdmNhy3AdDgzehHw&oe=67166A7A align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/456530802_1183402612728229_4322743745470644758_n.png?_nc_cat=103&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEBvOWmO6ouW7496KckAqT23NtwQkUg4H7c23BCRSDgftliUQ5zVuZFgem5I30TnPjVeOQdR45IQCXIl3yftMdV&_nc_ohc=xr9SipKuWwgQ7kNvgGTsBNd&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QHpZFtPlVU_zVUQYkO7VYJu1ASrOGl_canfNsi7JiXFtw&oe=67164E1A align="center")

**#47 StarRatingComponent**

A simple star rating component.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/458595981_1539204500017374_1735289635362844763_n.png?_nc_cat=106&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeF-iBAQB5l0fWBE0yoBQ0HsVDmYvT3gFOVUOZi9PeAU5VkcyOwXNCDq3yW4hg0QAwnu2DFCfNnjZu9gjqYy9sE1&_nc_ohc=OEjMAPvWqn4Q7kNvgF0RpNF&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QGFPOQAIBJtTX56IE9Up6ye7zClJTLfxkqh2KgiNpK5Hw&oe=6716740A align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460188026_1214433613147187_5725941140465996107_n.png?stp=dst-png_s843x403&_nc_cat=110&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHvmvp_c9w_Jt0p81NJmSd0vbam5E5nJrG9tqbkTmcmscBYenTvh_R359DHbloW4yONenCjRbFLBwWfb7W5Cqhh&_nc_ohc=4l161b1J4lgQ7kNvgGhM-1l&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QE8NKIM5pmox4RMRpeTwYH-4OWXnf6df8IeQrUCY5Ye-g&oe=6716671A align="center")

#48 ToggleContentComponent

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459254526_2233781963651536_8800996979077645420_n.png?_nc_cat=106&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGjaXxfwE88bGA3Asrpeo9-nWG22IN1sfOdYbbYg3Wx8zSkhfa8KnWNrMwtQyas7UtgierYKR11WMRDMX1ZEKKP&_nc_ohc=HnPM4OOOuMYQ7kNvgEmZ_Ul&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QETBMstU0JpoEUWf091O5UBYRd_B42mHVymx4_svcSgLg&oe=67164929 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460134245_2219360908434386_6673253161903669095_n.png?_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeEi9MV9FUTJQLDFDVzueg06_dImOmL6Zen90iY6Yvpl6b2NK8JAEDdOtI1dAY6dDnTa6OfzoeefN5Q9nh5_yANx&_nc_ohc=19qtHLboGnUQ7kNvgHgm1ok&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QG_4giFtXqUWXWCdPlEfRX4G2oQi_bW_rGaKpAR7nBd7A&oe=67164877 align="center")

**#49 CountdownComponent**

A countdown timer from a specified number.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/460541112_395934350037784_3330672364768391589_n.png?_nc_cat=104&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGfRYR6OyvVOfjq83u7RZkHWzOlCsjQByxbM6UKyNAHLCoLq74q2KLrmHNLgaDlhoqwOAQ6W0uRiYtNc6j4rFyz&_nc_ohc=QxPjSecQVv0Q7kNvgHyp26P&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QEQzKBJH3_WPL7M1l1_XA53m9Y5P2dxu-vJoMS4Y-z5IA&oe=67165C60 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459338543_489580334043852_7071649186432620963_n.png?stp=dst-png_s843x403&_nc_cat=105&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeHumKH5O8X2QMl0vulLHUzlxjme1I5170zGOZ7UjnXvTFZWpoJG0FMCo_Kx4hhoBMERIH02bOboqaCo06nmbWdZ&_nc_ohc=MUM2yquvS28Q7kNvgF0J4ok&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QHovLaMkAJSQtTfPqFldAG3iRsGu4HNQvguymC7fdRvJA&oe=67165597 align="center")

**#50 SimpleCalculatorComponent**

A basic calculator for addition and subtraction.

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459111956_1200256617926153_8709621025843585467_n.png?_nc_cat=106&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeH-B-jkwvLUq9utLhe07ALfoZsZWpSmpWOhmxlalKalY6-kwGPFWuf8nj5TaQbvgLDAv-pewEnPZ2k3HiCg1pIO&_nc_ohc=Gr2wx3RDPpsQ7kNvgF4cUsD&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=AaWekO9I3eFY6XZRLYGM4vm&oh=03_Q7cD1QGz2OeVML_6f-Ea5qyIe_kkfSEvOGaUaLxcHB4MJnBE7w&oe=67165D63 align="center")

![Open photo](https://scontent.xx.fbcdn.net/v/t1.15752-9/459588631_3884959421746698_3731949803112706287_n.png?stp=dst-png_s843x403&_nc_cat=106&ccb=1-7&_nc_sid=0024fc&_nc_eui2=AeGMpKe_mnDtGgS4txGdQc5CtNwyCMkoR2K03DIIyShHYlwSOTLMJ4HB3CXUyWYlqKjd1IgmNqfQqjAmlZBCR_eI&_nc_ohc=pfl35zWaoAAQ7kNvgFZRHzI&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&_nc_gid=AaWekO9I3eFY6XZRLYGM4vm&oh=03_Q7cD1QHOd5ydQFVg26u41trP4NqQF5g52U-AEK2IBod1maC0Yg&oe=6716396E align="center")

git hub link:  
[https://github.com/Gerliedao-ayan/Angular-Components.git](https://github.com/Gerliedao-ayan/Angular-Components.git)