Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/clubgamma/weather-web-app

Hacktoberfest 2021 | Web Based Mini-Project to learn Open-sourcing and API
https://github.com/clubgamma/weather-web-app

api css hacktoberfest hacktoberfest2021 html javsascript weather-api weather-app

Last synced: 1 day ago
JSON representation

Hacktoberfest 2021 | Web Based Mini-Project to learn Open-sourcing and API

Awesome Lists containing this project

README

        

# 🌤 Weather Web App

A Simple, yet fully functional Weather App with Vanilla JavaScript and API

## Features

- Make an responsive and beautiful web app that gives brief information like current temperature (celcius) and weather type (cloudy/sunny/rainy) on searching a particular city
- Get Weather API from [here](https://home.openweathermap.org/users/sign_up)
- Get Reverse-geocoding-rest-api [here](https://www.mapmyindia.com/api/advanced-maps/doc/reverse-geocoding-api#/Reverse%20Geocode%20API)
(You need to create an account and get an API key)

- You can Find Weather Related Icons from [here](https://www.flaticon.com/free-icons/weather-app)

Read the [CONTRIBUTING.md](https://github.com/clubgamma/Weather-Web-App/blob/main/CONTRIBUTING.md) to start your open source contribution.

- Weather Web App UI Design should look something like this

## Tech Stack

- HTML
- CSS
- JS
- (No Libraries/Frameworks)

## Things to keep in mind

- **Before creating any Pull Request, please register yourself at [Hacktoberfest's Official Website](https://hacktoberfest.digitalocean.com/)**
- **If a maintainer reports behavior that’s not in line with the project’s code of conduct, then you will be ineligible to participate.**
- **To get Digital Ocean swags, you just have to make minimum 4 PRs to any open source projects on GitHub**
- **If a maintainer reports your pull request as spam, it will not be counted towards your participation in Hacktoberfest.**

## Contact Us

**To know more about us, visit [official website](https://clubgamma.github.io/) of Club Gamma.**

**To know more about how Club Gamma is going to celebrate Hacktoberfest, click [here](https://clubgamma.github.io/hacktoberfest2021/)**


If you want to add any feature or if you found a bug, feel free to open an issue

![](https://img.shields.io/badge/Star-If_Liked-%23FF0000.svg?&style=flat&logoColor=white&color=white)
![](https://img.shields.io/badge/Fork-If_you_found_interesting-%23FF0000.svg?&style=flat&logoColor=white&color=white)