Skip to content

Subham799/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

A simple and responsive Weather App that fetches real-time weather data based on user input using the OpenWeather API. Built as part of my journey to enhance my web development skills, this project demonstrates my ability to work with APIs, DOM manipulation, and responsive design.

Live Demo

Check out the live version of the Weather App here:
👉 Weather App

About the Project

This Weather App allows users to enter a city name and get real-time weather details such as temperature, humidity, wind speed, and weather description. The app uses the OpenWeather API to fetch data and displays it dynamically using JavaScript DOM manipulation. The design is clean and responsive, ensuring a seamless experience across devices.

Features

  • Search weather by city name.
  • Displays temperature, humidity, wind speed, and weather description.
  • Responsive design for desktop and mobile.
  • Error handling for invalid city names.
  • Clean and minimal UI with a background that adapts to the weather.

Tech Stack

  • Frontend: HTML5, CSS3, JavaScript (ES6)
  • API: OpenWeather API
  • Tools: Git, GitHub, VS Code

How It Works

  1. Enter the name of a city in the search bar.
  2. Click the search button or press Enter.
  3. The app fetches weather data from the OpenWeather API.
  4. Weather details (temperature, humidity, wind speed, etc.) are displayed dynamically on the page.
  5. If the city name is invalid, an error message is shown.

Installation

To run this project locally:

  1. Clone the Repository:
    git clone https://github.com/Subham799/Weather-App.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published