itsnooshin / Weather-app

🌡️Weather App is a Vanilla JavaScript app for checking current weather conditions in various cities, offering temperature, humidity, and wind speed information. It features dynamic background changes reflecting the current weather and forecasts maximum and minimum temperatures for the next 5 days.

Home Page:https://weather-app-vanillajs.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather app

A simple weather application that provides current weather information for a given location.

Installation

  1. Clone the repository:
 git clone https://github.com/your-username/weather-app.git
  1. Install NPM packages
npm install
  1. Run the project:
npm run dev

Links

Built

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Desktop-first workflow
  • Javascript
  • parcel NPM packge mangager

Features

  • Get current weather conditions, including temperature, humidity, and wind speed.
  • Search for weather by city name.
  • Add different backgrounds based on the weather conditions.
  • Add weather icons corresponding to the current weather conditions.
  • Display the maximum and minimum temperature for the next 5 days.
  • Provide weather information for 4 different cities.

Author

About

🌡️Weather App is a Vanilla JavaScript app for checking current weather conditions in various cities, offering temperature, humidity, and wind speed information. It features dynamic background changes reflecting the current weather and forecasts maximum and minimum temperatures for the next 5 days.

https://weather-app-vanillajs.vercel.app/


Languages

Language:JavaScript 64.1%Language:HTML 18.2%Language:CSS 17.7%