{"id":196,"date":"2023-11-11T22:54:08","date_gmt":"2023-11-12T02:54:08","guid":{"rendered":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/?p=196"},"modified":"2023-11-11T22:54:08","modified_gmt":"2023-11-12T02:54:08","slug":"hangs-status-report-for-11-11-23","status":"publish","type":"post","link":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/2023\/11\/11\/hangs-status-report-for-11-11-23\/","title":{"rendered":"Hang\u2019s Status Report For 11.11.23"},"content":{"rendered":"<p><span style=\"font-weight: 400\">This week I started working on the backend of the project so that the frontend can communicate with the engine (otherwise we would have to translate the engine code into javascript or set up some kind of hack to run a python script from the React web application). Since the entire project is locally hosted, I chose a simple backend framework with Flask. I ran into quite a few issues with CORs when attempting to make the request from the frontend to the backend, and spent some time adding different headers into my response in an attempt to make it work. After some experimentation, I got the request to work but only when I run the web application from Chrome instead of Edge which is my default browser.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-197\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-content\/uploads\/sites\/254\/2023\/11\/Screenshot-2023-11-11-at-9.53.13-PM.png\" alt=\"\" width=\"1236\" height=\"820\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-content\/uploads\/sites\/254\/2023\/11\/Screenshot-2023-11-11-at-9.53.13-PM.png 1236w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-content\/uploads\/sites\/254\/2023\/11\/Screenshot-2023-11-11-at-9.53.13-PM-300x199.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-content\/uploads\/sites\/254\/2023\/11\/Screenshot-2023-11-11-at-9.53.13-PM-768x510.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-content\/uploads\/sites\/254\/2023\/11\/Screenshot-2023-11-11-at-9.53.13-PM-1024x679.png 1024w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p><span style=\"font-weight: 400\">For now, since the engine isn\u2019t fully completed, I\u2019m returning 5 placeholder recommended moves from the backend to the frontend (results displayed above).<\/span><\/p>\n<p><span style=\"font-weight: 400\">My progress is currently on track. By next week, I will have some code for the communication between the Arduino and my web application, but since I can\u2019t really test this out without the board being finished, I will have to help out Israel with the creation of the board to speed up its build process.<\/span><\/p>\n<p><span style=\"font-weight: 400\">As for testing, I will write some pytests to unit test the backend service. For the frontend, I will time the response time for the communication between the frontend and the backend by simply using timestamps (use case requirement is that the response should take less than 2 seconds, engine needs some time to compute moves) and will also include jest tests to make sure that each page renders correctly.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week I started working on the backend of the project so that the frontend can communicate with the engine (otherwise we would have to translate the engine code into javascript or set up some kind of hack to run a python script from the React web application). Since the entire project is locally hosted, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/2023\/11\/11\/hangs-status-report-for-11-11-23\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Hang\u2019s Status Report For 11.11.23&#8221;<\/span><\/a><\/p>\n","protected":false},"author":791,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,4],"tags":[6],"_links":{"self":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/posts\/196"}],"collection":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/users\/791"}],"replies":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":1,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"predecessor-version":[{"id":198,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/posts\/196\/revisions\/198"}],"wp:attachment":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/f23-teama0\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}