{"id":461,"date":"2022-08-30T17:44:09","date_gmt":"2022-08-30T17:44:09","guid":{"rendered":"https:\/\/mechied.com\/?post_type=portfolio&#038;p=461"},"modified":"2022-08-31T23:55:03","modified_gmt":"2022-08-31T23:55:03","slug":"to-do-app","status":"publish","type":"portfolio","link":"https:\/\/mechied.com\/index.php\/portfolio\/to-do-app\/","title":{"rendered":"To-Do App"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter has-custom-width wp-block-button__width-75\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-background\" href=\"https:\/\/programmerd.com\/todo\/\" style=\"border-radius:0px\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Live Demo<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p>Everyone has to start with a To-Do app right?  Early on when I was learning React and Django I wanted to see a complete big picture of how everything went together.  I started with\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=OSYAjTG46EI\">this tutorial<\/a> and I needed to fill in some missing steps about adding the form actions. I then changed the database engine to MySQL. Finally I figured out how to deploy the app to a Digital Ocean Droplet using Gunicorn and Nginx. The live demo site supports Continuous Integration\/Continuous Deployment via a git hook script on the remote server that automatically builds and deploys the project when I push an update from development.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"354\" src=\"https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM-500x354.png\" alt=\"\" class=\"wp-image-462\" srcset=\"https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM-500x354.png 500w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM-300x212.png 300w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM-768x544.png 768w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM-400x283.png 400w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM-600x425.png 600w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM-800x566.png 800w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.11-PM.png 990w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"354\" src=\"https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM-500x354.png\" alt=\"\" class=\"wp-image-463\" srcset=\"https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM-500x354.png 500w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM-300x212.png 300w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM-768x544.png 768w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM-400x283.png 400w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM-600x425.png 600w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM-800x566.png 800w, https:\/\/mechied.com\/wp-content\/uploads\/2022\/08\/Screen-Shot-2022-08-30-at-1.40.00-PM.png 990w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A starter Full Stack CRUD app<\/p>\n","protected":false},"author":1,"featured_media":463,"menu_order":8,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"portfolio_category":[12,10,7,11],"portfolio_tag":[],"class_list":["post-461","portfolio","type-portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-django","portfolio_category-javascript","portfolio_category-python","portfolio_category-react"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/portfolio\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":5,"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/portfolio\/461\/revisions"}],"predecessor-version":[{"id":489,"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/portfolio\/461\/revisions\/489"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/media\/463"}],"wp:attachment":[{"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/media?parent=461"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=461"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/mechied.com\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}