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

Developed a weather application with versatile features: search any city for current weather, forecast for the next 7 days, and live location-based weather data. The app boasts a responsive layout for seamless use across devices.
https://github.com/hashal890/weather-app

css html js media-queries

Last synced: 10 days ago
JSON representation

Developed a weather application with versatile features: search any city for current weather, forecast for the next 7 days, and live location-based weather data. The app boasts a responsive layout for seamless use across devices.

• Host: GitHub
• URL: https://github.com/hashal890/weather-app
• Owner: Hashal890
• Created: 2022-09-12T03:51:20.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-10-03T09:42:55.000Z (over 2 years ago)
• Last Synced: 2025-04-11T01:34:11.568Z (3 months ago)
• Topics: css, html, js, media-queries
• Language: JavaScript
• Homepage: https://weather-webapp-project.netlify.app/
• Size: 1.16 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App

Hello everyone, here is my Weather App project which I builded in unit-3 with the help of `https://openweathermap.org/api` and `https://www.embedgooglemap.net/` api's. Link of deployment:- https://weather-app-unit3.netlify.app/

## Features

- Search any city and get weather.

- Get weather for next 7 days.

- Get weather data by live location.

- Responsive layout.

## Screenshots

### 1. Search Results

![Search Results](./assets/homeOnePage.png)

### 2. Seven Days Weather Data

![Seven Days Weather Data](./assets/homeTwoPage.png)

### 3. Get Live Location

![Get Live Location](./assets/liveLocationPage.png)

## Tech Stack

In this project we used following tech stacks:- 

- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)

- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)

- [JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

- [Media Queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)

## Connect with author

- [Twitter](https://twitter.com/harshal258)

- [LinkdIn](https://www.linkedin.com/in/harshalpardeshi/)

## Feedback

If you have any feedback or queries, please reach out to me at [email protected].