Skip to content

Project about a API based weather forecasting app using HTML, CSS and JavaScript. Search by city name, display it's weather status like Temperature, Status, Humidity, Visibility and Wind Speed.

Notifications You must be signed in to change notification settings

Suvadip-sana/weather_app

Repository files navigation

Weather Forcasting Web App

Welcome to our Weather Forecasting App repository! This project provides a simple and intuitive way to check the weather forecast for different cities, with responsiveness. With this app, users can quickly access essential weather information including temperature, wind speed, visibility, and humidity, along with a suitable image(.gif) representing the weather conditions.

Features

  • Search by: Users can search for weather forecasts by entering the name of the city they want to check (or country or state or dest etc).
  • Dynamic Weather Status: The app displays the current weather status along with a suitable GIF to represent it.
  • Detailed Information: Temperature, wind speed, visibility, and humidity are provided to give users a comprehensive understanding of the weather conditions.
  • Animated Weather Status: Weather status is displayed using animated GIFs for a more engaging UI experience.
  • Responsiveness: This is also responsive in small device like Mobile.

Files

  • index.html: The main HTML file responsible for the structure and layout of the web page.
  • style.css: Cascading Style Sheets (CSS) file used for styling the HTML elements and making the app visually appealing.
  • script.js: JavaScript file containing the logic and functionality of the weather forecasting app.
  • Other Files: Additional GIFs used to represent different weather conditions, Favicon also.

Mobile View

Screenrecording

Desktop View

Screenshot

Usage

  1. Clone/Download/Copy the repository to your local machine.
  2. Open the index.html file in your web browser.
  3. Enter the name of the city you want to check the weather for in the search bar.
  4. Click the search button to view the weather forecast.

Releases

No releases published

Packages

No packages published