michaelwooley / frontend-demo-react Goto Github PK

Initial requests:

• Current data
• Historical data

• Data fetch
• Conversions
• Add to CityBlock container

• Receives data + active series as props
• Lazily convert API data into APEX format

• Reason for project
• Demo link
• Full dev instructions

Builds on #47 / #46

May or may not want this depending on later uses.

• On manual
• Basic site
• Storybook

Slots for:

• Title
• Dropdown menu w/ actions
• Current weather
• Weather plot

related to #4

• Deploy it
• Link in app
• Link to app in storybook

• Common container component to generate these (pulls in stations context)
• In case of no stations selected, has placeholder

Slots for:

• Outline component
• Chart itself
• Full screen chart component

Handles:

• Selection of active series
• Whether info is displayed

Props:

• Data series

• Open/close handling
• Left component container
• Right element container
• Add to common modal container

Likely has to do with how things are replaced?

For example:

              {/* TODO Figure out responsive icons */}
              {isOpen ? (
                <span className="icon">
                  <i className="fas fa-chevron-up"></i>
                </span>
              ) : (
                <span className="icon">
                  <i className="fas fa-chevron-down"></i>
                </span>
              )}

Props:

• Current weather object...

When click, will close modal and display selected element

Use definitions from bhw-svelte

extension of #3

• Open modal on button click
• Return to top/home on icon click

Appears to be same issues hitting production as hit localhost on test???

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.weather.gov/stations/KIND/observations/latest. (Reason: header ‘user-agent’ is not allowed according to header ‘Access-Control-Allow-Headers’ from CORS preflight response).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.weather.gov/stations/KIND/observations?limit=50. (Reason: header ‘user-agent’ is not allowed according to header ‘Access-Control-Allow-Headers’ from CORS preflight response).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.weather.gov/stations/KIND/observations/latest. (Reason: CORS request did not succeed).