{"id":19,"date":"2022-05-06T05:04:11","date_gmt":"2022-05-06T05:04:11","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/hernager\/?p=19"},"modified":"2022-05-06T05:04:11","modified_gmt":"2022-05-06T05:04:11","slug":"week-6-backend-madness","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/hernager\/2022\/05\/06\/week-6-backend-madness\/","title":{"rendered":"Week 6 &#8211; Backend Madness"},"content":{"rendered":"\n<p>We&#8217;ve gotten past our midpoint where we primarily focused on the front-end of our application.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5461\/files\/2022\/05\/image.png\" alt=\"\" class=\"wp-image-20\" width=\"264\" height=\"222\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5461\/files\/2022\/05\/image.png 411w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5461\/files\/2022\/05\/image-300x253.png 300w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><figcaption>Vue.js front end hosted on Heroku<\/figcaption><\/figure><\/div>\n\n\n\n<p>Now that all of our pages our built out, our next task is to focus on the backend work by building a RESTful API that will communicate with our application as users attempt to retrieve, modify, or add information. We had some differing opinions on this one. I wanted to use Node.js and my teammate wanted to use Flask + Python for the API. Not wanting to be a dictator, we opted to have the Flask method and I&#8217;ve set up the repository on GitHub with a basic flask application that has 2 routes for a GET and POST requests (this is also hosted on heroku)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"296\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5461\/files\/2022\/05\/image-1-1024x296.png\" alt=\"\" class=\"wp-image-21\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5461\/files\/2022\/05\/image-1-1024x296.png 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5461\/files\/2022\/05\/image-1-300x87.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5461\/files\/2022\/05\/image-1-768x222.png 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5461\/files\/2022\/05\/image-1.png 1225w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Flask + Python app hosted on Heroku<\/figcaption><\/figure>\n\n\n\n<p>The next step is to use AXIOS to make Vue communicate with this API. This part shouldn&#8217;t be too hard as there&#8217;s a lot of documentation on how to make proper calls.<\/p>\n\n\n\n<p>On another note &#8211; I just bought my first house with my wife and we are planning to move out on the 14th of May. Very exciting but very stressful since I&#8217;ll have to do school work in between the moving (on top of my full-time job&#8230;). My plan is to do a lot of my portion of the API before the 14th so that I can spend the whole weekend moving + recovering from all the back pain. I&#8217;ve told my teammates my plans so they&#8217;re all aware that I&#8217;ll be MIA for a few days.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve gotten past our midpoint where we primarily focused on the front-end of our application. Now that all of our pages our built out, our next task is to focus on the backend work by building a RESTful API that will communicate with our application as users attempt to retrieve, modify, or add information. We [&hellip;]<\/p>\n","protected":false},"author":12311,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-19","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/posts\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/users\/12311"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":1,"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/posts\/19\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/posts\/19\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/media?parent=19"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/categories?post=19"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/hernager\/wp-json\/wp\/v2\/tags?post=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}