Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/harsh-pandhe/weather_app
- Owner: harsh-pandhe
- License: mit
- Created: 2024-01-15T11:37:52.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-20T20:43:56.000Z (about 1 year ago)
- Last Synced: 2024-11-11T21:28:04.821Z (3 months ago)
- Language: HTML
- Homepage:
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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).