Weather App Documentation

Overview

Welcome to the Weather App! This web application fetches and displays weather data for cities around the world. It features an interactive, visually appealing interface with dynamic backgrounds and weather data for each city.


Key Features

Display Cities in a Table with Infinite Scroll

  • The table contains columns for City Name, Country, Timezone, and Coordinates.
  • As you scroll, additional cities are dynamically loaded without page refresh.

Weather-based Dynamic Backgrounds

  • The background dynamically changes based on the current weather conditions, using weather APIs.
    • Sunny: Bright, warm Background Image.
    • Rainy: Cool, blue shades Background Image.
    • Cloudy: Gray or Cloudy toned Background Image.

City Weather Details

  • Click on a city name to view detailed weather information.

Sorting and Filtering

  • Column Sorting: Click on the headers (City Name, Country, Timezone, etc.) to sort the data.
  • Search Functionality: Use the search bar to filter cities by name.

5. Responsive Design

  • The application is fully responsive, ensuring a smooth experience on desktops, tablets, and mobile devices.

Video

Recording.2024-09-07.194741.1.1.1.mp4