Skip to content

TomChiavegato/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather App 🌦️

This is a simple weather app created to learn JavaScript and explore web development basics. The app provides a user-friendly interface to fetch and display weather data from a free weather API.

Features

  • 🌍 Search for current weather by city name.
  • 📋 Displays temperature, weather conditions, and location information.
  • 🖥️ Responsive design for desktop and mobile browsers.

Technologies Used

  • HTML: Markup for structuring the app.
  • CSS: Styling for an appealing interface.
  • JavaScript: Logic for API interaction and DOM manipulation.
  • Weather API: Retrieves real-time weather data.

How It Works

  1. Enter the name of a city in the search bar.
  2. The app sends a request to the weather API.
  3. Displays the current weather information as well as 24 hour forecast in a neat and clean layout.

Getting Started

  1. Clone the repository:
    git clone https://github.com/your-username/weather-app.git
  2. Open index.html in your favorite browser.

Screenshot

weather app sc

Why I Built This

This project was my first step into learning JavaScript and understanding how to work with APIs in a web development context. It’s a simple yet functional app that showcases the basics of frontend programming.

About

Learning web development

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published