Skip to content

akramcodez/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

A simple weather application built with HTML, CSS, and JavaScript, providing real-time weather updates for cities around the world.


🎉 Welcome to Weather App

Welcome to the Weather App! This application allows you to easily check the current weather conditions and forecasts for any city. With its user-friendly interface and real-time data, staying updated on the weather has never been easier. Explore your surroundings and plan your day with accurate weather information at your fingertips!


❌ Contributions Not Allowed

This is a personal project by SK Akram, and external contributions are not accepted at this time. For any feedback or inquiries, feel free to reach out via the contact details provided below.


🌟 Features

  • Responsive Design: Adapted for both mobile and desktop views.
  • Location-Based Weather: Users can search for weather updates based on their chosen city.
  • Real-Time Data: Displays current weather conditions and a 5-day forecast.
  • Weather Icons: Shows appropriate icons for weather conditions like sunny, rainy, cloudy, etc.

🛠️ Technologies Used

  • HTML: Structure of the web application.
  • CSS: Styling and responsive design.
  • JavaScript: Fetching and displaying real-time weather data from an API.

🚀 Usage

  1. Search: Enter the name of a city in the search bar.
  2. Current Weather: Displays real-time temperature, humidity, wind speed, and weather conditions.
  3. Forecast: Shows a 5-day weather forecast with daily highs and lows.

📂 Project Details

  • API: Data is fetched from the OpenWeatherMap API.
  • Search Input: Users can enter a city name and retrieve the latest weather information.
  • Local Storage: The app can store the last searched city for quick access on future visits.

👤 Author Information


⚙️ Installation

To run the project locally:.

# Step 1: Clone the repository
git clone <repository-url>

# Step 2: Navigate into the project folder
cd <repository-folder>

# Step 3: Open the index.html file in your browser

About

Weather app using HTML, CSS and JavaScript..

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published