My Weather App A simple weather application built using vanilla HTML, CSS, and JavaScript. The app allows users to search for a city and view real-time weather information such as tempertaure, weather codition, humidity, and wind speed.

Features * Search weather by city name * Displays current temperature and weather condition * Shows additional details like humidity and wind speed * Responsive and clean UI * Fetches real-time data from a weather API

Technologies Used * HTML - Structure of the application * CSS - Styling and layout * JavaScript (Vanilla JS) - Logic, DOM manipulation, and API handling * Weather API - Real-time weather data source

App Function 1. User enters a city name in the search input 2. JavaScript sends a request to the weather API 3. The API returns real-time weather data 4. The data is processed and displayed dynamically on the page

Project Structure

weather-app/
│
├── icons/
├── index.html
├── index.css
├── index.js
└── README.md

API Configuration

To use this project:
    1. Get an API key from a weather service (e.g OpenWeatherMap)
    2. Replace the API key in index.js:
        <!-- const apiKey = "YOUR_API_KEY_HERE"; -->

What I Learned * Making API requests using JavaScript * Working with JSON data * DOM manipulation * Handling user input and errors * Building real-world projects with vanilla JavaScript

Acknowledgements * Weather data provided by public weather API (OpenWeatherMap.org) * Inspired by beginner JavaScript projects

Planned Improvements (Roadmap-Based) * Add loading and error states * Improve UI feedback and animations * Implement unit conversion (°C/°F) * Add forecast data (next phase project) * Refactor code for better scalability

Status ✅ Completed as part of foundational JavaSvript practice 🔃 May be revisited later for refactoring or feature expansion