elvishernandez / airaware Goto Github PK

Changed the page!

The additional info text on the specific city page is a bit disorganized so the goal is to format it and to place the subsections in an unordered list

Currently, the app allows users to add the same city more than once through the compare with other cities button. We want to remove this functionality.

Fixing up the about page

The goal here is to divide up the whole range of AQIs (0-500) into smaller bands which we'll use to display the hazard level of pollution to users.

This issue requires setting up the backend endpoint that will call the AirVisual state API and store all of the Cities for a specified State in a locally stored array. Note: The AirVisual state API is the one that returns a json with all the supported cities in a specified state.

This will allow the user to remove a city from their chosen list if they so desire

Currently, the majority of the css for this project is in the App.css file. The goal of this issue is to refactor the css so that it is spread across multiple files which are more modular and specific to the existing pages of the app. Also, there's a fair bit of inline css that should be removed and put into a .css file explicitly.

The goal is to style the dropdown and search bar, as well as the submit button to match our wireframes

The goal of this issue is to refactor the code so that the dropdown and search bar components are siblings in the home component. To do this we'll use a city list context that will provide the search bar with the information that it needs to make its API call.

This issue is meant to address the current rough formatting of the date on the city card e.g. (2020-02-19). We want to change this to February 19, 2020. The card also does not display the city name or state. We'll display that as Miami, Florida, for example. Lastly, the AQI to cigarettes smoked per day conversion will be added.

The goal here is to bring down the h1 tag, add some margin to the nav, and to have the state dropdown and city search bar present at all times.

The goal here is to remove the compare button from the city cards and to give that functionality to the compare cities button next to the check city button on the home page.

To check what fonts, colour codes, etc that are used -check the raw file or ask me. I provided a ZIP of all the fonts used, they are found on google fonts which we learned how to key in.

So need your thoughts on the three options...
option1-index - Middle Nav, Lighter footer
option2-index - Middle Nav, Darker Middle footer
option2-index-other-nav - Left Logo Nav, Darker Middle footer

Also if anyone wants to see different variants of colours, or play around with the PSD feel free to

.

Currently, when you press compare city to add a city, and then you press compare city again, it crashes the app.

Setup the API endpoint on the express server that retrieves the specific city stats i.e. (AQI ect...) when a user inputs a city into the home page search bar.

At the time of completion for the Wyncode midterm, our project had not been properly structured or organized in terms of directory structure and code formatting. The goal of this issue is to at least improve the current state of organization but it probably still wont be optimal due to lack of experience.

Courtesy of Iman

The goal of this issue is to make so that when a user returns to the home screen, their previously generated list of cities will repopulate the screen. This includes when a user refreshes on the home screen.