Skip to content

Latest commit

 

History

History
167 lines (124 loc) · 5.36 KB

README.md

File metadata and controls

167 lines (124 loc) · 5.36 KB

MIT License


Weather app

An awesome weather app made with React!
Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Contributing
  4. License
  5. Contact
  6. Acknowledgments

About The Project

product-screenshot

The app starts by getting the coordinates of a given location with the Geoapify API, the coordinates are then sent to the Open-Meteo API that will return the weather conditions of the aforementioned location.

The user chooses a location by typing it's name in a search bar.

The info displayed is:

  • City and country name (along with its flag)
  • Local time
  • Different icons according to weather conditions
  • Temperatures (current, min and max)
  • Wind speed

(back to top)

Built With

HTML CSS React

(back to top)

Getting Started

Prerequisites

  • npm

    npm install npm@latest -g

Installation

  1. Get a free API Key at https://www.geoapify.com/

  2. Clone the repo

    git clone https://github.com/rxfa/weather-app.git
  3. Install NPM packages

    npm install
  4. Store the API key as an environment variable

(back to top)

## 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".

  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

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

  • Discord -> Rxfa#9148

Project Link: https://github.com/rxfa/weather_app

(back to top)

Acknowledgments

(back to top)