This is a simple weather app built using React and Bootstrap. It allows users to search for the weather of a location and provides them with the current weather conditions along with additional information such as temperature, humidity, wind speed, and PM 2.5 condition. Additionally, it supports changing the language and temperature unit.
- Search for the weather of a location
- Displays current weather conditions
- Displays additional weather information such as temperature, humidity, wind speed, and PM 2.5 condition
- Supports changing the language
- Supports changing the temperature unit
- Easy-to-use interface
To install and run this app on your local machine, follow these steps:
- Clone the repository to your local machine
- Navigate to the project directory using the terminal
- Run the command 'npm install' to install all the required dependencies
- Run the command 'npm start' to start the app
- Open your browser and go to 'http://localhost:3000/'
To use the app, follow these steps:
- Enter the name of a location in the search bar
- Press the search button
- The app will display the current weather conditions including the weather condition, weather icon, and temperature.
- Click on the plus sign to see additional information such as humidity, wind speed, and cloudiness.
- To see the PM 2.5 condition, flip the card by clicking on the circular button at the bottom of the screen
- Click on the plus sign to see suggestion.
- To change the language, click on the language dropdown and select your preferred language
- To change the temperature unit, click on the temperature unit dropdown and select your preferred unit
- React.js
- Bootstrap
- OpenWeatherMap API
- AirVisual API
- Figma (for UI design) : https://shorturl.at/qzU09





