Weather App

This project consists of a simple, quite minimalistic weather forecast website. It features current weather depending on the localization, 24h forecast and some indicators like probability of rain, humidity or air quality. It has been designed using React with Typescript. All weather data is fetched from WeatherAPI and for the flags, FlagsAPI has been used. The app is integrated with Redux so that the user preferences are saved and due to connection with local storage, they do not disappear on website reload. Some other packages used in the project and worth mentioning are:

• i18next - providing translations for the application, currently available languages are English and Polish.
• Recharts - The forecast temperature chart was created using this simple chart building library.
• Styled components - Allows to easily style React components and manage application theme.
• React modern drawer - Used to design the drawer containing application settings,

Features

Setting any city available in WeatherAPI database as the current location:

Toggle between light and dark mode:

Switching from Celsius to Fahrenheit scale:

Fetching current localization and the forecast for it:

How to run

• Clone the repository
• The WeatherAPI requires an API key to process the requests. Sign up to receive the key, then copy it, create a .env file in the weather-app folder and paste the following code:

REACT_APP_API_KEY = <your api key>

• cd weather-app
• yarn and yarn start