{"id":143,"date":"2023-03-26T03:58:41","date_gmt":"2023-03-26T03:58:41","guid":{"rendered":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/?p=143"},"modified":"2023-04-09T03:34:24","modified_gmt":"2023-04-09T03:34:24","slug":"brandons-status-report-for-3-25-2023","status":"publish","type":"post","link":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/2023\/03\/26\/brandons-status-report-for-3-25-2023\/","title":{"rendered":"Brandon&#8217;s Status Report for 3\/25\/2023"},"content":{"rendered":"<p>This week I worked on creating the frontend and backend of a user designating the forbidden zone for a pet. I learned how to use state and props in React so that I could keep track of the state of each forbidden zone cell. For my forbidden zone example, I created a 10&#215;10 grid (sizing will most likely be changed), and I keep track of the position in the x and y directions and if a user has clicked the cell (which represents a forbidden spot or not). Once a user submits their forbidden zone data, then it sent to the database that is managed by the Django REST framework. A picture of the frontend for the forbidden zone task is shown below.<\/p>\n<p>I was hoping to looking into how to display a frontend for the pet activity logs using the heat map library described from last week, so I am currently behind. I hope to do this for next week and make sure everything is stable for the interim demo.<\/p>\n<p>Like I mentioned above, I hope to create a frontend for displaying pet activity logs using a heat map. As well, I hope to make sure everything I currently have is working for the interim demo, and work on integrate some parts of my web application with other parts of the project.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-173\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-content\/uploads\/sites\/234\/2023\/03\/Screenshot-2023-04-08-at-11.33.49-PM-300x110.png\" alt=\"\" width=\"518\" height=\"190\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-content\/uploads\/sites\/234\/2023\/03\/Screenshot-2023-04-08-at-11.33.49-PM-300x110.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-content\/uploads\/sites\/234\/2023\/03\/Screenshot-2023-04-08-at-11.33.49-PM-768x283.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-content\/uploads\/sites\/234\/2023\/03\/Screenshot-2023-04-08-at-11.33.49-PM-1024x377.png 1024w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week I worked on creating the frontend and backend of a user designating the forbidden zone for a pet. I learned how to use state and props in React so that I could keep track of the state of each forbidden zone cell. For my forbidden zone example, I created a 10&#215;10 grid (sizing &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/2023\/03\/26\/brandons-status-report-for-3-25-2023\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Brandon&#8217;s Status Report for 3\/25\/2023&#8221;<\/span><\/a><\/p>\n","protected":false},"author":746,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7,4],"tags":[],"_links":{"self":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/posts\/143"}],"collection":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/users\/746"}],"replies":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":6,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/posts\/143\/revisions"}],"predecessor-version":[{"id":174,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/posts\/143\/revisions\/174"}],"wp:attachment":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/media?parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/categories?post=143"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamb7\/wp-json\/wp\/v2\/tags?post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}