Weather_Forecast Tailwind Templates

Weather_forecast

A simple weather application that allows users to search for current weather conditions and forecasts. Users can also get weather information based on their current location and view recently searched cities in a dropdown menu. Technologies used - HTML,CSS,TAILWIND CSS, JAVASCRIPT

Weather App

A simple weather application that allows users to search for current weather conditions and forecasts. Users can also get weather information based on their current location and view recently searched cities in a dropdown menu.

Features

  • Search for weather data by city name.
  • Fetch weather data based on current geographical location.
  • View current weather conditions and 5-day forecast.
  • Store and display recently searched cities in a dropdown menu.

Setup Instructions

Prerequisites

  • A modern web browser (e.g., Chrome, Firefox, Edge).
  • Basic knowledge of HTML, CSS, and JavaScript.

Getting Started

  1. Open the Application

    • Open index.html in your preferred web browser.

Usage

  1. Search for Weather Data

    • Enter a city name into the input field and click the "Search" button to retrieve weather information for that city.
  2. Use Current Location

    • Click the "Use Current Location" button to fetch weather data based on your current geographical location.
  3. View Recent Searches

    • Use the dropdown menu to select a recently searched city and view its weather information.

Code Overview

  • index.html: Contains the structure of the web page, including input fields, buttons, and containers for displaying weather data.
  • styles.css: Contains styles for the application.
  • script.js: Contains JavaScript code for fetching weather data, updating the UI, handling errors, and managing recent searches.

Contact

For any questions or feedback, please reach out to [email protected].

Top categories

Loading Svelte Themes