Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bobby278tr/weather-app-
Weather App using Html, Css and JavaScript
https://github.com/bobby278tr/weather-app-
html-css-javascript
Last synced: 2 days ago
JSON representation
Weather App using Html, Css and JavaScript
- Host: GitHub
- URL: https://github.com/bobby278tr/weather-app-
- Owner: Bobby278tr
- Created: 2023-12-26T18:09:02.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-01-09T09:46:25.000Z (11 months ago)
- Last Synced: 2024-01-09T11:01:55.725Z (11 months ago)
- Topics: html-css-javascript
- Language: JavaScript
- Homepage:
- Size: 431 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
Weather App is a city-based App where we are using weather API to get information about the weather.
## About Project
It's a city-based weather app where we are using weather API based on the city. It takes the city name as an input and provides the temperature, wind speed, and humidity as an output.
Technologies used while making the project are: HTML, CSS, and JavaScript.
APi used in the project is from
(https://openweathermap.org/)
One can get their API by Signing in to the above platform then in the API Key column we will get our API Key
Then Go to the API page from the above Navbar and ---> click on the Current Weather Data --> and from there you can get the API call for the city-based weather data by adding your API Key and location according to your requirement
The starting page of the app contains an input field for entering city names and a search button. In this app, we can search for any city by typing its name and clicking on the search button.
After Entering the city name and clicking the search button the app will then show the current temperature, humidity, and wind speed for that particular city.
and if the city name entered is invalid or incorrect it will notify of the error
## Geeting Started
Cloning a repository
1. On GitHub.com, navigate to the main page of the repository.
2. Above the list of files, click <>Code.
3. Copy the URL for the repository.
- To clone the repository using HTTPS, under "HTTPS".
- To clone the repository using an SSH key, including a certificate issued by your organization's SSH certificate authority, click SSH.
- To clone a repository using GitHub CLI, click GitHub CLI.
7. Open Git Bash.
8. Change the current working directory to the location where you want the cloned directory.
9. Type git clone, and then paste the URL you copied earlier.
```
git clone https://github.com/Bobby278tr/Weather-App-.git
```
10. Press Enter to create your local clone.
```
$ git clone https://github.com/Bobby278tr/Weather-App-.git
```
### Prerequisites
The Software required for this project are:
1. Vs code IDE
2. Chrome or Microsoft Edge
### Installing
1. You can install the Vs code IDE from here Depending upon the OS you use
(https://code.visualstudio.com/download)
2. You can install Google Chrome from the following
(https://www.google.com/chrome/?brand=YTUH&gclid=CjwKCAiA1-6sBhAoEiwArqlGPhvHNSduAAzHcSI6G6jEMcyWyLB_eGRoiXAGDrnP7x83Kru47Q78GxoC4ncQAvD_BwE&gclsrc=aw.ds)
3. You can install Microsoft Edge from the following (if required)
(https://www.microsoft.com/en-in/edge/download?form=MA13FJ)
## Contributing
Contributions are what makes the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (git checkout -b AddingChanges)
3. Commit your changes (git commit -m 'Add some Changes')
4. Push to the Branch (git push origin AddingChanges)
5. Open a Pull Request
## Contact
Bobby Tripathi - [@e-mail] [email protected]
Project Link: [https://github.com/Bobby278tr/Weather-App-/](https://github.com/Bobby278tr/Weather-App-/)
## Acknowledgments
- GreatStack