Skip to content

AbdulHannan-o1/weather-app

Repository files navigation

🌦️ Weather App

Welcome to the Weather App 🌍! This is a simple and responsive weather forecasting app built with React and powered by OpenWeatherMap API. It allows users to search for real-time weather data by city name 🌇.

🔗 Live Demo: Click Here to Visit the App


📸 Screenshots

image


⚙️ Features

  • 🔍 Search weather by city name
  • 🌡️ Real-time temperature, weather condition & location
  • 📅 5-day forecast support
  • 📱 Fully responsive design
  • 🌐 Fetch data using OpenWeatherMap API

🛠️ Tech Stack

Frontend APIs Used Tools
React (Vite) OpenWeatherMap API GitHub Pages
JavaScript
CSS

🚀 Getting Started

Follow these steps to run the project locally:

1. 📦 Clone the Repository

git clone https://github.com/abdulhannan-o1/weather-app.git
cd weather-app

2. 📁 Install Dependencies

  npm install

3. 🔐 Add API Key

VITE_API_KEY=your_api_key_here

4. ▶️ Run the App

npm run dev

5. 🛠️ Build for Production

npm run build

✨ Contributing Feel free to fork the project and submit pull requests. All contributions are welcome! 🤝