Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/harsh-pandhe/weather_app

This repository contains the source code for a simple web app providing real-time weather updates. Users can access forecasts, maps, and personalized info by entering a city, using their location, or selecting from a list. Built with HTML, CSS (Bootstrap), and JavaScript, it fetches data from RapidAPI and uses Nominatim for location details.
https://github.com/harsh-pandhe/weather_app

Last synced: 23 days ago
JSON representation

This repository contains the source code for a simple web app providing real-time weather updates. Users can access forecasts, maps, and personalized info by entering a city, using their location, or selecting from a list. Built with HTML, CSS (Bootstrap), and JavaScript, it fetches data from RapidAPI and uses Nominatim for location details.

Awesome Lists containing this project

README

        

# Weather App

## Overview

The Weather App is a simple web application that provides real-time weather information for a specified location. Users can either input a city name, use their current location, or choose from a list of most-searched places.

## Features

- **User-friendly Interface:** Intuitive design for a seamless weather tracking experience.
- **Real-time Data:** Access real-time forecasts, interactive maps, and personalized weather updates.
- **Location Options:** Search for weather information by city name, use your current location, or choose from a list of most-searched places.

## Technologies Used

- **HTML:** Markup language for structuring the web page.
- **CSS (Bootstrap):** Styling for a clean and responsive layout.
- **JavaScript:** Logic for fetching weather data and updating the user interface.
- **RapidAPI:** External API used for retrieving weather information.
- **Nominatim (OpenStreetMap):** Geocoding service for obtaining city names based on coordinates.

## Project Structure

- **index.html:** Main HTML file containing the structure of the web page.
- **script.js:** JavaScript file with logic for fetching and displaying weather data.
- **Bootstrap (CSS and JS):** External Bootstrap files for styling and responsive design.

## Usage

1. Open the `index.html` file in a web browser.
2. Choose a location by entering a city name in the search bar, using your current location, or selecting from the most-searched places.
3. View real-time weather information, including temperature, humidity, wind speed, and more.

## Setup

No special setup is required. Simply open the `index.html` file in a web browser.

## Contributions

Contributions are welcome! If you have suggestions or improvements, feel free to submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE).