{"id":37,"date":"2021-10-29T02:28:33","date_gmt":"2021-10-29T02:28:33","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/suezakia\/?p=37"},"modified":"2021-10-29T03:00:25","modified_gmt":"2021-10-29T03:00:25","slug":"blog-post-5","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/suezakia\/2021\/10\/29\/blog-post-5\/","title":{"rendered":"Blog Post 5"},"content":{"rendered":"\n<p>This week, I coded the navbar and sidebar for our project. The tutorials I watched through all used react router so I had to do some research and adjustments after to switch it to using next\/link and next\/router. I also had to do some research to make styled-components play nicely with next.js. In summary, I definitely learned a lesson about the importance of checking for compatibility this week. <\/p>\n\n\n\n<p>While I was researching the navbar and sidebar, I came across the Framer Motion library. It provides a lot of useful transition animations that I feel would greatly add to our project especially the Animal profile browsing page. I found some tutorials that I plan to read through to help determine if it is the right fit for our project:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/wallis.dev\/blog\/nextjs-page-transitions-with-framer-motion\" data-type=\"URL\" data-id=\"https:\/\/wallis.dev\/blog\/nextjs-page-transitions-with-framer-motion\">https:\/\/wallis.dev\/blog\/nextjs-page-transitions-with-framer-motion<\/a><\/li><li>https:\/\/www.freecodecamp.org\/news\/how-to-add-interactive-animations-and-page-transitions-to-a-next-js-web-app-with-framer-motion\/<\/li><\/ul>\n\n\n\n<p>My goal this upcoming week for the project is to get a &#8216;\/profiles&#8217; or &#8216;\/about&#8217; page coded (hopefully in time for the demonstration).<\/p>\n\n\n\n<p>Outside of the project, I&#8217;ve been looking into good ideas for a side project to code in my free time (Thanks for the suggestion Prof Pfeil!). While there may not be much time between applications and my two classes, I am confident I can have something presentable by the time I graduate if I maintain focus and determination. If not, it will at least be something I can continue to build on after graduation.  <\/p>\n\n\n\n<p>My top 3 ideas right now are currently:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>build upon wasteagram (waste management app) portfolio project from mobile dev class <\/li><li>develop a personal website to showcase my portfolio <\/li><li>create my own API (currently learning about this in cloud)<\/li><\/ul>\n\n\n\n<p>Not sure which one I am leaning towards yet, but I know that I do want to have my own portfolio website eventually. I will probably have more of an idea which one to go for once I look more into them and research more about what hiring managers are looking for. Please feel free to leave any side project suggestions or ideas if you have any!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, I coded the navbar and sidebar for our project. The tutorials I watched through all used react router so I had to do some research and adjustments after to switch it to using next\/link and next\/router. I also had to do some research to make styled-components play nicely with next.js. In summary, I&hellip; <a class=\"more-link\" href=\"https:\/\/blogs.oregonstate.edu\/suezakia\/2021\/10\/29\/blog-post-5\/\">Continue reading <span class=\"screen-reader-text\">Blog Post 5<\/span><\/a><\/p>\n","protected":false},"author":11711,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/users\/11711"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":8,"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/posts\/37\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/suezakia\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}