{"id":260,"date":"2024-11-07T09:46:39","date_gmt":"2024-11-07T14:46:39","guid":{"rendered":"https:\/\/choalex.com\/webdev\/final-project\/?page_id=260"},"modified":"2024-12-06T21:18:04","modified_gmt":"2024-12-07T02:18:04","slug":"reflection","status":"publish","type":"page","link":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/reflection\/","title":{"rendered":"REFLECTION"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">FINAL PROJECT<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For my final project, I chose to build upon my third project, as it was the one I was most proud of. Not only did it contain elements that added to the user experience, but also revolved around a theme that reflected my passion. Throughout this process, I gained more knowledge on how to utilize the WordPress elements beyond what I had learned in the third project. I also learned how to be more efficient in coding my additional CSS. Although I faced challenges in identifying the correct classes and ids for certain elements, it took me a lot less time for this project.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"594\" data-id=\"464\" src=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.03.42\u202fPM-1-1024x594.png\" alt=\"\" class=\"wp-image-464\" srcset=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.03.42\u202fPM-1-1024x594.png 1024w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.03.42\u202fPM-1-300x174.png 300w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.03.42\u202fPM-1-768x445.png 768w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.03.42\u202fPM-1-1536x891.png 1536w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.03.42\u202fPM-1-2048x1188.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" data-id=\"465\" src=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.05.56\u202fPM-1024x581.png\" alt=\"\" class=\"wp-image-465\" srcset=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.05.56\u202fPM-1024x581.png 1024w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.05.56\u202fPM-300x170.png 300w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.05.56\u202fPM-768x436.png 768w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.05.56\u202fPM-1536x871.png 1536w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-9.05.56\u202fPM-2048x1162.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To elevate this project further, I added a &#8220;My Experience&#8221; tab. While I was proud of the third project&#8217;s outcome, I wanted to make it even more personal and engaging. Incorporating certain elements from my first project into the final felt like a full-circle moment, allowing me to include personal aspects from earlier work with the improvements I\u2019ve made along the way. This section includes details about my climbing journey, training routines, and personal shoe reviews, adding a meaningful and unique touch to the blog. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the &#8220;My Experience&#8221; tab, I used the <strong>Photo Gallery by 10Web<\/strong> plugin to create a visually appealing collage of my climbing. Most of the pictures were taken at my hometown gym, Adrenaline, while others were taken at a gym in Athens. To enhance the user experience, I also used WordPress blocks to add a gallery showcasing other well-known climbing gyms in Georgia. Fun fact: I&#8217;m somewhere in the picture for Adrenaline! To make the gallery more interactive, I added links both below and within the images, allowing users to go to each gym&#8217;s site. Additionally, I implemented the <strong>WPForms<\/strong> plugin to enable users to interact with me. Setting up the form wasn&#8217;t difficult, however, I did run into issues with the upload process, which required a few attempts to resolve.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"871\" height=\"1024\" src=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.53.30\u202fPM-871x1024.png\" alt=\"\" class=\"wp-image-466\" srcset=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.53.30\u202fPM-871x1024.png 871w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.53.30\u202fPM-255x300.png 255w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.53.30\u202fPM-768x902.png 768w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.53.30\u202fPM.png 1222w\" sizes=\"auto, (max-width: 871px) 100vw, 871px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">For the &#8220;My Training&#8221; tab, my goal was to visually represent my training routine for both the user and myself. I wanted to give readers a feel for how often I train and the specific activities I do. Making this tab was both challenging and rewarding. One of the main difficulties was implementing a functional calendar. Initially, I tried using WordPress&#8217;s calendar widget, but it didn&#8217;t support uploading events. After that, I tried to embed a Google Calendar, but that also didn&#8217;t work. Ultimately, I installed a plugin called <strong>The Events Calendar<\/strong>. After a few bumps, I learned how to successfully upload my workout events to the calendar. I gave mEach event was given a title, time, date, and a category of either &#8220;gym&#8221; or &#8220;climb.&#8221; With that, I included a quick explanation of why my workouts and climbing sessions tend to be longer. I emphasized the intentionality behind my training and provided examples of exercises through text and embedded YouTube videos. This allowed me to share both the structure and reasoning behind my strict routine. Seeing the final results of this page was very rewarding on both a personal and academic level. I was exciting to see my vision come to life on the screen, but it also felt meaningful to visually reflect on how far I&#8217;ve progressed in my training journey.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" data-id=\"468\" src=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.02\u202fPM-1-1024x613.png\" alt=\"\" class=\"wp-image-468\" srcset=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.02\u202fPM-1-1024x613.png 1024w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.02\u202fPM-1-300x180.png 300w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.02\u202fPM-1-768x460.png 768w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.02\u202fPM-1-1536x920.png 1536w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.02\u202fPM-1-2048x1227.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" data-id=\"469\" src=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.51.47\u202fPM-1024x522.png\" alt=\"\" class=\"wp-image-469\" srcset=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.51.47\u202fPM-1024x522.png 1024w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.51.47\u202fPM-300x153.png 300w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.51.47\u202fPM-768x392.png 768w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.51.47\u202fPM-1536x784.png 1536w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.51.47\u202fPM-2048x1045.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"714\" data-id=\"471\" src=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.21\u202fPM-1024x714.png\" alt=\"\" class=\"wp-image-471\" srcset=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.21\u202fPM-1024x714.png 1024w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.21\u202fPM-300x209.png 300w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.21\u202fPM-768x536.png 768w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.21\u202fPM-1536x1072.png 1536w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.21\u202fPM.png 1998w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Creating the &#8220;My Shoe Reviews&#8221; page was my favorite part of this project. My climbing shoes represent more than just equipment. They embody the hard work and time I&#8217;ve dedicated to improving at this sport. Every rip, hole, chalk mark, scratch, and loosened piece of glue tells the story of every climbing session I&#8217;ve had and what I&#8217;ve accomplished in them. Although I&#8217;ve only owned three pairs of shoes so far, discussing their qualities and sharing my experiences with them was very enlightening. To tell this story, I utilized the <strong>Photo Gallery by 10Web<\/strong> to display my shoes in a professional manner. I paid attention to detail by arranging the shoes in consistent poses for each photo. While I could not upload a picture of my La Sportiva Finales since they&#8217;re back home, I tried my best to maintain the same style for that gallery as well. To enhance engagement, I also included buttons linking directly to the product site for each shoe, allowing users interested to purchase the shoes themselves. <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" data-id=\"470\" src=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.36\u202fPM-1024x681.png\" alt=\"\" class=\"wp-image-470\" srcset=\"https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.36\u202fPM-1024x681.png 1024w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.36\u202fPM-300x200.png 300w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.36\u202fPM-768x511.png 768w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.36\u202fPM-1536x1022.png 1536w, https:\/\/choalex.com\/webdev\/final-project\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-06-at-7.52.36\u202fPM.png 1816w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>FINAL PROJECT For my final project, I chose to build upon my third project, as it was the one I was most proud of. Not [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-260","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/wp-json\/wp\/v2\/pages\/260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/wp-json\/wp\/v2\/comments?post=260"}],"version-history":[{"count":12,"href":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/wp-json\/wp\/v2\/pages\/260\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/wp-json\/wp\/v2\/pages\/260\/revisions\/474"}],"wp:attachment":[{"href":"https:\/\/choalex.com\/webdev\/final-project\/index.php\/wp-json\/wp\/v2\/media?parent=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}