Skip to content

☀️ Find the weather in any city in the world using a convenient search with autocomplete. Change page styles to any of the available. ☔

Notifications You must be signed in to change notification settings

Bukovski/react-weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

☔ React Weather App

Coverage Status

A simple weather app that allows you to get current weather information, based on the city you are.

You can change the theme of the application by clicking on the circle near the search bar and select an available theme.

When you enter a city in the input field, you will have access to tips that you can select by clicking or navigating through them using the up and down keys, then click enter to select the city you need

Installation

git clone git@github.com:Bukovski/react-weather-app.git
cd react-weather-app
npm install
npm run start

.env.local

  • REACT_APP_OPENWEATHERMAP_API_KEY - your personal key from openweathermap api_keys
  • REACT_APP_IPINFO_API_KEY - your personal key from ipinfo
  • REACT_APP_AUTOCOMPLETE_API_KEY - your personal key from here.com
  • REACT_APP_STORAGE_NAME_THEME_COLOR - store the key for the skin color in localStorage

Use Api

Use Libs

weather-screen red-theme dark-theme green-theme