WeatherNow

A user friendly web application that provides information on the weather condition of a location

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Roadmap
4. Contributing
5. License
6. Contact
7. Acknowledgments

About The Project

Get simplified information on the current weather with WeatherNow. A user friendly web application that provides information on the weather condition of a location. Created with react andOpen Weather API. WeatherNow uses Open Weather API new API called onecall along with their existing services to display useful information to users.

Features:

• Using Javascript's geolocation feature, application is able to request current weather conditions of the user's location.
• WeatherNow has a search feature to request for the data on weather conditions around the world.
• User's searches are stored locally and are displayed on application launch.
• Application features a light/dark mode reflecting the time of the day in the user's location.

While the current version of the application delivers useful features, there are more features to be implemented.

(back to top)

Built With

• React.Ts
• JQuery
• Styled-Components
• Typescript
• react-router-dom
• Open Weather API

(back to top)

Getting Started

Prerequisites

• npm

  npm i npm@latest -g

Installation

1. Get a free API Key at https://openweathermap.org/api
2. Clone the repo

   git clone https://github.com/Heyeso/WeatherNow.git

3. Install NPM packages

   npm i

4. Enter your API in .env

   REACT_APP_API_KEY = 'ENTER YOUR API'
   REACT_APP_API_URL = "https://api.openweathermap.org/data/2.5/onecall?appid={API key}&"

(back to top)

Roadmap

• GET and display weather data on user's current Location
• Search weather data on locations around the world.
• Change Temperature Unit

See the open issues for a full list of proposed features (and known issues).

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

(back to top)

License

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

(back to top)

Contact

Abdulsalam Odetayo - @LinkedIn - adeodetayo@gmail.com

Project Link: https://github.com/Heyeso/WeatherNow

(back to top)

Acknowledgments

• Google Fonts
• Feather Icons

(back to top)