https://github.com/anser624/weather-app

Weather-App
https://github.com/anser624/weather-app

async-await css css-flexbox dom-manipulation fetch-api html5 javascript responsive

Last synced: 11 days ago
JSON representation

Weather-App

• Host: GitHub
• URL: https://github.com/anser624/weather-app
• Owner: anser624
• Created: 2025-01-03T10:20:54.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-04-23T20:15:49.000Z (2 months ago)
• Last Synced: 2025-04-23T21:26:46.559Z (2 months ago)
• Topics: async-await, css, css-flexbox, dom-manipulation, fetch-api, html5, javascript, responsive
• Language: HTML
• Homepage: https://weather-app-ansar.netlify.app
• Size: 13.7 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🌦️ Weather App - Real Time Forecast

[![GitHub last commit](https://img.shields.io/github/last-commit/anser624/Weather-App)](https://github.com/anser624/Weather-App/commits)

A sleek weather application that provides real-time forecasts using OpenWeatherMap API. 

➡️ **Live Demo:** https://weather-app-ansar.netlify.app/

## ✨ Key Features

- **Real-time weather data** for any global location

- **Dynamic UI** that changes based on weather conditions

- **Temperature converter** (°C/°F toggle)

- **Responsive design** works perfectly on all devices

- **Error handling** for invalid city names

## 🛠️ Tech Stack

| Frontend | API | Hosting |

|----------|-----|---------|

| ![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=html5&logoColor=white) | ![OpenWeather](https://img.shields.io/badge/OpenWeather-API-green) | ![Netlify](https://img.shields.io/badge/Netlify-00C7B7?style=flat&logo=netlify&logoColor=white) |

| ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat&logo=css3&logoColor=white) |  |  |

| ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=black) |  |  |

## 🚀 Quick Start

1. Get your free API key from [OpenWeatherMap](https://openweathermap.org/api)

2. Clone the repo:

   ```bash

   git clone https://github.com/anser624/Weather-App.git