https://github.com/gobwah/weather-app
A responsive single page Weather App
https://github.com/gobwah/weather-app
react react-icons reacticons reactjs styled-components weather
Last synced: about 1 month ago
JSON representation
A responsive single page Weather App
- Host: GitHub
- URL: https://github.com/gobwah/weather-app
- Owner: gobwah
- License: mit
- Created: 2022-09-06T04:36:20.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-10-27T15:58:09.000Z (over 3 years ago)
- Last Synced: 2025-09-23T15:46:10.998Z (9 months ago)
- Topics: react, react-icons, reacticons, reactjs, styled-components, weather
- Language: JavaScript
- Homepage: https://gobwah.github.io/weather-app/
- Size: 1.94 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Weather App
A responsive single page Weather App
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
[![Weather App Screen Shot][product-screenshot]](https://gobwah.github.io/weather-app/)
A simple react app showing the weather using [Openweather](https://openweathermap.org/current) API. Template used: [MadeByStudioJQ](https://dribbble.com/shots/1582109-Weather-Dashboard-Fullscreen-ALL-GIF)
### Built With
|||
|-|-|
| [React](https://reactjs.org/) | 
|
| [React Icons](https://react-icons.github.io/react-icons/) | 
|
| [Styled Components](https://styled-components.com/) | 
|
## Getting Started
### Prerequisites
- npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/gobwah/weather-app.git
```
2. Install dependencies
```sh
npm install
```
3. Create a .env file at the project root with your Openweather API key (see .env.example)
```env
REACT_APP_OPENWEATHER_APIKEY=API_KEY
```
## Contributing
Contributions are what make 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 feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
Vincent DELLA-LIBERA - [@vincent-dellalibera](https://linkedin.com/in/vincent-dellalibera) - vincent.dellalibera@gmail.com
Project Link: [https://github.com/gobwah/weather-app](https://github.com/gobwah/weather-app)
## Acknowledgments
[contributors-shield]: https://img.shields.io/github/contributors/gobwah/weather-app.svg?style=for-the-badge
[contributors-url]: https://github.com/gobwah/weather-app/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/gobwah/weather-app.svg?style=for-the-badge
[forks-url]: https://github.com/gobwah/weather-app/network/members
[stars-shield]: https://img.shields.io/github/stars/gobwah/weather-app.svg?style=for-the-badge
[stars-url]: https://github.com/gobwah/weather-app/stargazers
[issues-shield]: https://img.shields.io/github/issues/gobwah/weather-app.svg?style=for-the-badge
[issues-url]: https://github.com/gobwah/weather-app/issues
[license-shield]: https://img.shields.io/github/license/gobwah/weather-app.svg?style=for-the-badge
[license-url]: https://github.com/gobwah/weather-app/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/vincent-dellalibera
[product-screenshot]: public/screenshot.jpg