ecksi / weathrly Goto Github PK

Add one or two examples of Micro-Interactions found on Dribbble or Behance in your ReadMe that inspired your design

Once the desired location is submitted there should be a way for the user to change location information. Once the location information is changed the weather should reflect the desired location

location persists after refresh.

import your completeMe into your Weathrly project

Populate it with this list of city/states. When a user starts typing in a city/state or zip code display a list of possible suggestions using your completeMe’s suggest function.

The welcome page has a search component.

The search component consists of an input field and a submit button that allows the user to search for a location (the location should work with both a zip code and city/state).

location persists after refresh.

If a user clicks on a specific day on the 10 day forecast the application should display an hourly breakdown of the forecasted weather for a 24-hour period.

For each hour it should display an image that reflects the weather
For each hour it should display the projected temperature and the hour

and add wireframe to README.md

The application should have a 10 day forecast component. Each day should be a card component and should display

the name of the day
an image that reflects the weather
the projected high and low temperature

From https://www.wunderground.com/weather/api/

Don't forget to add API key to .gitignore file

Each hour should be a card component and should display

the hour
an image that reflects the weather
the projected temperature

The application can be used without a mouse
Zero axe-core violations

Copy data from https://repl.it/@NathanielFoster/Weatherly-Mock-Data

Copy it into a separate file that you can then import into your App file.

Application should handle when a user searches for a location that is not found by the API. Team should research different ways to handle unfound locations by looking around on different weather and other location searching applications and implement a solution for their project that they find intuitive.

Your Current Weather component should display the following information

the name of the current city
the current condition
the current day
the current temperature
the expected high and expected low for the day
a summary of what the weather is going to be like that day (“Windy, chance of a few late night showers. Lows overnight in the mid 50s.)