spideywebb / weather-app

One can check the weather of different cities.

Real-Time Weather App

The Real-Time Weather App is a web application that allows users to check the current weather conditions for a specific location. It is built using JavaScript, HTML, CSS, and Bootstrap, providing a clean and responsive user interface. The app leverages the Weather API via RapidAPI for fetching real-time weather data.

Features

• Real-Time Weather Information: Get up-to-date weather details for any location.
• Search Functionality: Enter a city or location to retrieve weather information.
• Responsive Design: Built with Bootstrap for a mobile-friendly experience.
• User-Friendly Interface: Intuitive and easy-to-use UI for quick access to weather data.

Demo

Technologies Used

• JavaScript: For fetching and displaying real-time weather data.
• HTML: For the structure of the web page.
• CSS: For styling and layout.
• Bootstrap: For responsive design components.
• RapidAPI: For accessing the Weather API.

API Key

The Real-Time Weather App uses the Weather API via RapidAPI. You will need to sign up for a free account on RapidAPI and obtain an API key. Replace the placeholder in the JavaScript code with your RapidAPI key.

const rapidApiKey = 'YOUR_RAPIDAPI_KEY';

Usage

1. Clone the repository:

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

2. Open the index.html file in your preferred web browser.

3. Enter the name of the city or location in the search bar.

4. View the real-time weather information for the specified location.

Contributing

If you'd like to contribute to the Real-Time Weather App, please follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/new-feature.
3. Commit your changes: git commit -m 'Add new feature'.
4. Push to the branch: git push origin feature/new-feature.
5. Submit a pull request.

Acknowledgement

Thanks to the Weather API for providing real-time weather data. Bootstrap for a responsive and easy-to-use design. RapidAPI for simplifying API integration.