Skip to content

Tushya-web/Weather-App

Repository files navigation

951_1x_shots_so-overlay

Live Demo

Weather App

A responsive Weather Forecast Web Application built using HTML5, CSS3, JavaScript, Tailwind CSS, and Bootstrap. It fetches real-time weather data using the WeatherAPI and displays current weather, hourly updates, and a 5-day forecast.

Tech Stack

HTML5 CSS3 JavaScript TailwindCSS Bootstrap API

Status Maintained Issues Stars Forks

Responsive Dark Mode

Features

Current Weather

  • Temperature

  • Feels-like temperature

  • Humidity

  • Wind speed

  • Weather icon and condition

Hourly Forecast

  • Weather information for every hour of the day

5-Day Forecast

  • Daily temperature summary

  • Weather condition overview

Unit Switching

  • Celsius (°C) ↔ Fahrenheit (°F)

Location Input

  • Enter any city or country

Responsive Design

  • Works on desktop, tablet, and mobile

  • Styled with Tailwind CSS + Bootstrap

Dark Mode

  • Better viewing experience at night

Installation & Setup (Step-by-Step)

1️. Clone the Repository

git clone https://github.com/Tushya-web/Weather-App.git

2️. Then Just Open Index.html

Open Index.html in Web Browser and Forecast the Weather

This project was created and maintained by Parmar Tushya Rajeshkumar.
Built with HTML5, CSS3, JavaScript, Tailwind CSS, Bootstrap, and WeatherAPI.

Special thanks to:

  • WeatherAPI for providing free weather data
  • Open-source libraries and tools used in this project

About

Weather App provide Real Time Forecast Using API, HTML, CSS, Tailwind CSS and Javascript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published