Skip to content

pansareprajwal/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⛅ Weather App

A simple, responsive, and interactive Weather Application that displays real-time weather information for any city around the world.
Built using HTML, CSS, and JavaScript, with live data fetched from the OpenWeatherMap API.


🚀 Live Demo


🖼️ Preview

Weather App Screenshot


✨ Features

  • 🌦️ Real-time weather updates using OpenWeatherMap API
  • 🔍 Search weather by city name
  • 🌡️ Displays temperature, humidity, wind speed, and weather conditions
  • 🎨 Simple and modern UI
  • 📱 Fully responsive and lightweight frontend

🛠️ Tech Stack

  • HTML5 — structure and layout
  • CSS3 — design, responsiveness, and animations
  • JavaScript (ES6) — API calls and dynamic updates
  • OpenWeatherMap API — real-time weather data
  • GitHub Pages — live hosting

🧩 Setup & Run Locally

To view or modify this project on your system:

# Clone this repository
git clone https://github.com/pansareprajwal/Weather-App

# Navigate to the project folder
cd Weather-App

Now open the project:

index.html

💡 Tip: You can use Live Server in VS Code for a smoother local preview.


🔑 Get Your API Key

This app uses the OpenWeatherMap API to fetch live weather data.
Follow these simple steps to get your API key:

  1. Go to https://openweathermap.org/api
  2. Sign up for a free account
  3. Navigate to the API keys section in your profile
  4. Copy your personal API key
  5. Open the script.js file in your project folder
  6. Replace the placeholder value with your API key:
const apiKey = "YOUR_API_KEY_HERE";

Save the file and reload the app — you’re ready to go! 🌤️


📫 Contact

If you'd like to connect or collaborate, feel free to reach out!


About

An interactive Weather Application designed to provide real-time weather updates by seamlessly integrating external APIs, demonstrating strong skills in data fetching, JSON parsing, and UI design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors