Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/pratham1916/weather-app
- Owner: pratham1916
- Created: 2024-06-08T03:31:05.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-08T04:24:46.000Z (7 months ago)
- Last Synced: 2024-10-31T09:43:16.278Z (about 2 months ago)
- Topics: css, html, javascript, openweather-api
- Language: JavaScript
- Homepage: https://prathams-weather-app.netlify.app/
- Size: 37.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Weather App
Web application to show the current and upcoming week weather forecast.
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