Weather-Based Application

This Repository for Winter of Blockchain 2024

This repository was created as part of the Winter of Blockchain 2024 program. It is a weather-based application built with React, Bootstrap, and JavaScript to showcase skills in API integration, front-end development, and responsive design.

Description

This is a weather-based application that fetches and displays real-time weather information for various regions in the country. The project uses API calls to retrieve temperature data, providing users with easy access to current weather conditions.

Features

• Fetches real-time weather data.
• Displays temperature for multiple regions.
• Supports city-based search functionality.
• Responsive UI design using Bootstrap.
• Simple and user-friendly interface.

Technologies Used

• Frontend: React, JavaScript, Bootstrap
• API: OpenWeather API or any other weather API of your choice

How It Works

1. The user enters the name of a region or city in the input field.
2. The application makes an API call to fetch the current weather and temperature details.
3. The weather information is displayed, including temperature, humidity, and weather conditions.

Installation

1. Clone this repository:

   git clone https://github.com/your-username/weather-based-app.git

2. Navigate to the project directory:

   cd weather-based-app

3. Install the required dependencies:

   npm install

4. Create a .env file in the root directory and add your API key:

   REACT_APP_API_KEY=your_openweather_api_key

5. Run the application:

   npm start

API Key Setup

To use this application, you will need an API key from the OpenWeather API.

Go to the OpenWeather API website and sign up.
Generate your API key and replace your_openweather_api_key in the .env file with your actual key.

Usage

Search for a city or region to get its current weather conditions.
The app will display temperature, weather condition, and humidity.

Future Enhancements

Display additional weather metrics such as wind speed and UV index.
Add a feature to display a weekly weather forecast.
Improve UI with animations and more detailed weather data visualization.

Contributions

Contributions are welcome! If you would like to contribute:

Fork this repository.
Create a new branch for your feature or bug fix.
Submit a pull request with a clear description of what you’ve done.

Feel free to enhance this project by adding new features or improving the existing ones. License

This project is licensed under the MIT License. See the license file for more details.