https://github.com/tushya-web/weather-app
Weather App provide Real Time Forecast Using API, HTML, CSS, Tailwind CSS and Javascript
https://github.com/tushya-web/weather-app
api project real-time tailwind-css weather-api weather-app weather-forecast weather-information webapp
Last synced: 2 months ago
JSON representation
Weather App provide Real Time Forecast Using API, HTML, CSS, Tailwind CSS and Javascript
- Host: GitHub
- URL: https://github.com/tushya-web/weather-app
- Owner: Tushya-web
- Created: 2025-06-13T08:05:42.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-06-25T10:09:13.000Z (3 months ago)
- Last Synced: 2025-06-25T11:20:40.153Z (3 months ago)
- Topics: api, project, real-time, tailwind-css, weather-api, weather-app, weather-forecast, weather-information, webapp
- Language: HTML
- Homepage: https://tushya-web.github.io/Weather-App/
- Size: 2.68 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather_app
Weather App is a responsive web application built with HTML, CSS, JavaScript, Tailwind-css, API and Bootstrap. It uses the WeatherFreeAPI API to fetch weather data. You can check the current weather plus a 5‑day forecast for any location worldwide
✨ Key Features
▪️Current Weather Display
Shows temperature, "feels like" temperature, humidity, wind speed, sunrise/sunset times, and a descriptive icon
▪️Hourly Forecast
Present Current and whole day Weather Information based on Hour
▪️5‑Day Weather Forecast
Presents daily temperature and conditions for the next five days .
▪️Unit Switching
Toggle between Celsius and Fahrenheit
▪️Location Input
Enter any city or country to fetch local weather
▪️Responsive Design
Adapts smoothly across devices of varying screen sizes via Bootstrap and custom media queries
▪️Dark Mode
Also Had Dark Mode Feature For Better Quality
🛠️ Tech Stack
Frontend: HTML5, CSS3, JavaScript (ES6+), Tailwind CSS
Libraries: Bootstrap and tailwind for styling and responsiveness
API: WeatherFreeAPI API for real-time weather data[Free API]
# APILINK: https://www.weatherapi.com/
🚀 Getting Started
Clone the repo:
git clone (https://github.com/Tushya-web/Weather_app.git)
Navigate inside:
cd Weather-web-App
Open index.html in your browser.
Enter a location and view the current weather and forecast
# Here Some ScreenShot
