Progress Update 1

2/16 1:14AM

Update To Timeline

Dedicate entire month of February and March to building out home page, condition pages, and trial pages.

The CORS Error

Something that took me a looooooong time to figure out on the backend: THE freakin CORS ERROR.

Solution: Simply clicking Enable CORS under Resource Options on API Gateway does not always work. You may need to go in and manually add in the headers under Method Response and the Header Mappings under Integration Response.

React Router

I learned how to use the React Router (tutorial).

React Router enables "client side routing". Client side routing allows your app to update the URL from a link click without making another request for another document from the server. Instead, your app can immediately render some new UI and make data requests with fetch to update the page with new information.

(Here's what I read)

I used the Router to allow for switching between the ConditionPage and TrialPages.

It reroutes correctly when I click on a condition to bring up all the trials related to that condition, but the trial page is not being generated.

This was because I was using async so that I could await fetch() data from my API. When I deleted the asynchronous components and instead just hardcoded in the list, the page generated.

Task: Figure out how to use Async/Await in the functional component React.js

Taxonomy Tree

New Feature!

Add tree structure to show related mesh term taxonomy. Something like this:

Link to API

Task: Think about how to dynamically build such tree given a trial. Also keep in mind that a trial could fit along multiple paths in the tree.