{"id":29,"date":"2024-02-15T09:36:56","date_gmt":"2024-02-15T09:36:56","guid":{"rendered":"https:\/\/comdma.com\/cynthdonner\/?p=29"},"modified":"2025-01-22T21:58:27","modified_gmt":"2025-01-22T21:58:27","slug":"project-1-todo-app","status":"publish","type":"post","link":"https:\/\/comdma.com\/cynthdonner\/2024\/02\/15\/project-1-todo-app\/","title":{"rendered":"DMA217 Project 1: TODO App"},"content":{"rendered":"<style>.wp-block-kadence-advancedgallery .kb-gallery-type-masonry.kb-gallery-id-29_d29bc1-68{margin:-5px;}.kb-gallery-type-masonry.kb-gallery-id-29_d29bc1-68 .kadence-blocks-gallery-item{padding:5px;}.kb-gallery-id-29_d29bc1-68 .kadence-blocks-gallery-item .kb-gal-image-radius, .kb-gallery-id-29_d29bc1-68 .kb-slide-item .kb-gal-image-radius img{border-radius:0px 0px 0px 0px;;}<\/style><div class=\"kb-gallery-wrap-id-29_d29bc1-68 alignnone wp-block-kadence-advancedgallery\"><ul class=\"kb-gallery-ul kb-gallery-non-static kb-gallery-type-masonry kb-masonry-init kb-gallery-id-29_d29bc1-68 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none\" data-image-filter=\"none\" data-item-selector=\".kadence-blocks-gallery-item\" data-lightbox-caption=\"true\" data-columns-xxl=\"3\" data-columns-xl=\"4\" data-columns-md=\"4\" data-columns-sm=\"2\" data-columns-xs=\"2\" data-columns-ss=\"2\"><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:430px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:216%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/Landing-Page-1.jpg\" width=\"430\" height=\"932\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/Landing-Page-1.jpg\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/Landing-Page-1.jpg\" data-id=\"19\" class=\"wp-image-19\"\/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:430px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:216%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/Sign-In.jpg\" width=\"430\" height=\"932\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/Sign-In.jpg\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/Sign-In.jpg\" data-id=\"23\" class=\"wp-image-23\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/Sign-In.jpg 430w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/Sign-In-138x300.jpg 138w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:430px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:216%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-First-TODO.jpg\" width=\"430\" height=\"932\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-First-TODO.jpg\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-First-TODO.jpg\" data-id=\"20\" class=\"wp-image-20\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-First-TODO.jpg 430w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-First-TODO-138x300.jpg 138w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:430px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:216%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-2.jpg\" width=\"430\" height=\"932\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-2.jpg\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-2.jpg\" data-id=\"21\" class=\"wp-image-21\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-2.jpg 430w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-2-138x300.jpg 138w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:430px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:216%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-3.jpg\" width=\"430\" height=\"932\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-3.jpg\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-3.jpg\" data-id=\"22\" class=\"wp-image-22\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-3.jpg 430w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/My-TODOs-3-138x300.jpg 138w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:300px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:100%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/icon-1-2.jpg\" width=\"300\" height=\"300\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/icon-1-2.jpg\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/icon-1-2.jpg\" data-id=\"14\" class=\"wp-image-14\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/icon-1-2.jpg 300w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/icon-1-2-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/div><\/div><\/figure><\/div><\/li><\/ul><\/div>\n\n\n<h4 class=\"wp-block-heading\">What did you learn?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-851a6bc1bcd4713005d146173981f13e\">I had not used Figma before this project, so I had not known anything about the software at the time. Due to this, I had to learn everything from scratch for this project<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What was easy?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-0ebde32282ddbee1873ef9fc98c9fff4\">After learning the basics of Figma, I did not have many issues with using styles, placing components, and navigating the overall layout that Figma uses.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What was challenging?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-01050b7f7893248d539e5931cafe4f44\">Creating a logo, choosing a font, learning COMDMA, and initially learning prototyping was challenging for me.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How could your submission be improved?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-728873e18142f5026f2ae72910fd5900\">The two things that I would have liked to do to improve the project would be to implement variants for my navigation bar, and to create a secondary set of frames for a different, &#8220;light mode&#8221; color palette.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How could the professor improve the assignment for the next class?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-d215bd935c9cafb4be5bf14c5b52025f\">The assignment seemed to be paced as if the student was expected to have a fair amount of preexisting Figma knowledge. Due to that, the start was quite bumpy for me. If there was one more day to go over navigating Figma&#8217;s layout, that would have been very helpful for me<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How might you apply your knowledge in future assignments or work scenarios?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-aa40a566e7e116ea66f9a6c3738e81cf\">At the start of this assignment, I had not used the assets menu. Due to that, almost everything I had done at the start needed to be redone with assets. In future assignments, I should not run into that issue again.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How did a specific reading or video inspire or help you?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-8803d245ee80361f38c2a72acfb2f1da\">Looking through the form design ideas on <a href=\"https:\/\/medium.muz.li\/form-design-inspiration-6bb9a350f2d8\">medium.muz.li<\/a> was helpful for gathering inspiration for my textboxes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What did you learn? I had not used Figma before this project, so I had not known anything about the software at the time. Due to this, I had to learn everything from scratch for this project What was easy? After learning the basics of Figma, I did not have many issues with using styles,&#8230;<\/p>\n","protected":false},"author":334,"featured_media":14,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-29","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}]},"featured_image_src_large":["https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/02\/icon-1-2.jpg",300,300,false],"author_info":{"display_name":"cynthdonner","author_link":"https:\/\/comdma.com\/cynthdonner\/author\/cynthdonner\/"},"comment_info":"","category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":10,"filter":"raw","cat_ID":1,"category_count":10,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/posts\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/users\/334"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":3,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/posts\/29\/revisions\/229"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/media\/14"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}