City Info | WebApp

Author: Bocaletto Luca

Overview

City Info WebApp is a comprehensive, browser‑based application that provides detailed information about cities using a wide range of free APIs. View interactive maps via OpenStreetMap, get real‑time weather from Open‑Meteo, check elevation with Open Elevation, access country data from Rest Countries, and discover related facts from Wikidata, OpenAQ, Sunrise‑Sunset, Wikipedia, and DBpedia. Whether you’re curious about local weather, geography, or cultural data, ta City Info brings it all to your fingertips.

Installation

No installation is necessary! Simply host the project files on any HTTP/HTTPS server (for example, using Apache, GitHub Pages, or any static hosting service) and open index.html in your browser.

Usage

• Search a City:
  Enter the name of a city to fetch its comprehensive details.

• Interactive Map:
  View the location with an interactive map powered by OpenStreetMap.

• Data Overview:

  • Weather: Get current weather and forecasts from Open‑Meteo.
  • Elevation: Find out the altitude using Open Elevation.
  • Country Info: Learn about the country via Rest Countries.
  • Additional Info: Explore facts and figures from Wikidata, air quality data via OpenAQ, sunrise/sunset times from Sunrise‑Sunset, and additional details from Wikipedia and DBpedia.

• Interface:
  The modern, responsive design ensures that all information and maps are easily accessible on both desktops and mobile devices.

Technologies & APIs Used

• HTML5 & CSS3:
  Provide the structure, responsive layout, and sleek styling.

• JavaScript:
  Implements the core logic, API integration, and interactivity.

• Free APIs Integrated:

  • OpenStreetMap: Interactive mapping.
  • Nomination: Geocoding and search (using Nominatim or a similar service).
  • Open‑Meteo: Real‑time weather and forecasts.
  • Open Elevation: Elevation data.
  • Rest Countries: Comprehensive country details.
  • Wikidata: Structured public data about the city.
  • OpenAQ: Air quality measurements.
  • Sunrise‑Sunset: Solar event timings.
  • Wikipedia & DBpedia: Extended encyclopedic information.

• Bootstrap 5:
  For modern UI components and a responsive interface.

License

This project is released under the GPLv3 License.

Author

Bocaletto Luca
GitHub • Official Site

---

Explore your favorite cities in detail with ta City Info – your one‑stop webapp for location-based data!