Forecast-app

Version 1.0.0.

This forecast application with ReactJs, SessionStorage, Bem, Sass, Bootstrap4, Font-awesome, convert-units, moment, Google Maps React, Proptypes.

Requirements

Must be able to do a search by the city name and Each time the user searches the forecast for a city the result should be shown indicating:

* Temperature
* Pressure
* Humidity
* Max temperature
* Min temperature
* A Map showing the location of the city (using long and lat)

Is required to maintain a list with the last 5 searched cities (it should be persisted in local storage). Any item of the list can be deleted.

Every time a city from the above list is clicked, the forecast information should be shown as in step (2).

Add at least one additional feature that you think would be useful for the user.

Some tips:

• The forecast prediction must be consumed using this api: https://openweathermap.org/current

• You must use https://github.com/facebookincubator/create-react-app to accomplish this task.

• Include comments in code where necessary.

• We recommend you follow this style guide: https://github.com/airbnb/javascript/tree/master/react.

• While an elaborate graphic design is not necessary, you should still make your page look nice.

• If you cannot complete all the requirements, include an explanation of how you would go about completing them if given more time.

• If you take code from somewhere like stackoverflow, please add a comment of why you did it and why you think it was the best solution.

Installation

Clone Repository:

git clone https://github.com/bonett/weather-app.git

Enter to root folder:

cd weather-app

Install the dependencies:

With yarn:

yarn

Or with npm (if you like to use NPM - Delete yarn.lock and yarn-error.log):

npm install

Usage example

To run project: (the next depend to before step)

With yarn:

yarn start

Or with npm:

npm run start

Forecast should be running on http://localhost:3000/.

Release History

• 0.0.1
  • Work in progress