Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

This project is about building a web application to show a weather forecast using weather API from external services
https://github.com/pratham1916/weather-app

css html javascript openweather-api

Last synced: 3 days ago
JSON representation

This project is about building a web application to show a weather forecast using weather API from external services

Awesome Lists containing this project

README

        

Weather App


Web application to show the current and upcoming week weather forecast.




html5
css3
javascript

Want to see live preview ยป


This project is about building a web application to show a weather forecast using weather API from external services [Open weather map](https://openweathermap.org/). Here you will be able to search for a specific location in the world and also it will automatically detect your current location in the beginning (for that you need to allow location) and will display all the important weather details.

## ๐Ÿš€ Features
- Search weather details according to the city
- Detect your current location for displaying weather data
- Responsive for every screen size.

## Preview Images
![Screenshot 2024-06-08 090748](https://github.com/pratham1916/Weather-App/assets/120631770/26f851ac-539f-4e85-815d-84259f755916)
![Screenshot 2024-06-08 091450](https://github.com/pratham1916/Weather-App/assets/120631770/72b5deea-de54-499f-89dc-00888f3baf2d)
![Screenshot 2024-06-08 092619](https://github.com/pratham1916/Weather-App/assets/120631770/0d87ed76-75fc-4499-9d4c-170be167cd9a)


## Getting Started

This project was built using HTML, CSS, JavaScript, and Rest API. It is a web application and for running on your local environment you should follow these guidelines.

### Setup

The project repository can be found in [GitHub link](https://github.com/pratham1916/Weather-App.git) or just clone the project using this command.

```
# git clone https://github.com/pratham1916/Weather-App.git
```

To run the application, run the following command:

```
Right Click on index.html and Select Open with Live server
```
### Tools used on this project

- Visual Studio Code