Skip to content

Application use to check weather in Londyn and Munchen. React + API

pasterakcode/WeatherReactApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App


The application allows you to check the temperature and humidity of the air in two cities (to choose from).

Important infomrations:

  1. After launching the application, the user is asked to choose a city

mobile_start

  1. The developer can add new cities to the list in a simple way: cities are stored in the "towns" board.

prepareForNextTown

  1. After selecting the city, the user sees information about downloading data from the API.

mobile_waitingOnData

  1. After downloading information from the API, they are displayed in a table in the form: Date and time of data update by the provider, temperature [C] and air humidity [%]

mobile_selected

  1. As expected, the application refreshes the data every 10 seconds, even though the API provider (openWeather) refreshes the data less frequently. The last item in the table "time to update" informs about the countdown to refresh

  2. The application has a mobile version (above) and a desktop (below)

desktop_selected

To start Application please do:

  1. Download all project to your device

  2. Ask me about API ID -> there are necessary information to start application

  3. Paste infotmation from me to file config.js (folder "src" in my projects)

  4. Open termial in folder where you downloaded my project

  5. Install NPM / use command: npm install -g npm

  6. Install React DOM/ npm install --save react react-dom

  7. Install Axios / npm i axios

  8. Install Bootstrap / npm i bootstrap

  9. Use command: npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.


Have fun! Pawel

About

Application use to check weather in Londyn and Munchen. React + API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published