/Earth-Flow

A web application that provides weather information for different locations around the world

Primary LanguageJavaScript

Earth Flow Weather App

This is the repository for the Earth Flow Weather App, a web application that provides weather information for different locations around the world. It includes the following features:

Features

  • Daily Weather Overviews:

    • Displays the current weather information for a specific location, including temperature, humidity, and wind speed.
    • Provides users with a quick glance at the weather conditions.

  • Weekly Weather Charts:

    • Generates interactive charts that show trends in temperature, humidity, and pressure over a week.
    • Enables users to analyze weather patterns and gain insights into the selected location.

  • Interactive Map:

    • Integrates an interactive map powered by Leaflet.
    • Allows users to explore different locations by searching for cities or places.
    • Displays markers to indicate the selected location and provides a visual representation of weather data distribution.

  • User Input and Search:

    • Enables users to input the desired location or city name.
    • Retrieves weather information for the specified location upon clicking the search icon.
    • Facilitates exploration of weather conditions for different places of interest.

  • Responsive Design:

    • Designed to be responsive and compatible with various devices and screen sizes.
    • Ensures an optimal user experience across desktop computers, tablets, and mobile devices.

  • Integration with OpenWeatherMap API:

    • Integrates with the OpenWeatherMap API to fetch accurate and up-to-date weather data for the selected location.
    • Relies on the API to provide reliable weather information to users.

  • Modern and Intuitive Interface:

    • Features a modern and intuitive user interface design.
    • Utilizes a clean and minimalistic aesthetic to enhance navigation and access to weather information.

  • Highcharts Integration:

    • Integrates the Highcharts library to generate visually appealing and interactive weather charts.
    • Enhances the user experience by providing clear visual representations of weather data.

Technologies Used

The Earth Flow Weather App is built using the following technologies:

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap v5.2.1
  • Leaflet (for the map)
  • Highcharts (for the charts)

Folder Structure

The folder structure of the repository is as follows:

  • index.html: The main HTML file that contains the structure of the web page.
  • style.css: The CSS file that defines the styles for the web page.
  • index.js: The JavaScript file that contains the logic for fetching weather data, creating charts, and handling user interactions.
  • img/: A folder that contains images used in the web page.

Acknowledgements

The Earth Flow Weather App was created by Samuel Y. It utilizes the OpenWeatherMap API for weather data and the Bootstrap, Leaflet, and Highcharts libraries for the user interface components. Special thanks to the developers of these tools for their contributions to the open-source community.