Skip to content

Check the weather forecast for your area! Single page application with API.

Notifications You must be signed in to change notification settings

Bartek0074/MeteoApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MeteoApp

This is a nice React Weather App, where you can find the current weather and weather forecast of your/others city. I was building this app using React.js and the help of OpenWeather API.

New version of the app with upgrades, such as integration with Zustand, TypeScript and Google Places API is available. Link to new version.

Demo

Live Demo here.

meteoApp

Instructions

First clone this repository.

$ git clone https://github.com/Bartek0074/MeteoApp.git

Get a free api key from OpenWeather. Get it here.

Create a .env file in the root of your project folder and add the following.

REACT_APP_API_KEY=[YOUR_API_KEY_FROM_OPEN_WEATHER]

Install dependencies. Make sure you already have nodejs & npm installed in your system.

$ npm install # or yarn

Run it

$ npm start # or yarn start

Technologies

  • React,
  • SCSS (BEM),
  • React Router.

APIs

Other packages

  • react-icons,
  • chart.js,
  • react-chartjs-2,
  • react-google-places-autocomplete.
  • axios.