atugriceri/weather-react-app

Weather-React-App

The project where you can follow the seven-day weather forecast.

View Demo

Table of Contents

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

About The Project

Weather application where you can reach 7-day maximum and minimum temperature values ​​by selecting any city of Turkey, together with icons reflecting the general weather conditions.

The project was developed in conjunction with React.js, including Context, Hooks, and Life Cycles Methods. Styled with Pure CSS and Grid Layout.

(back to top)

Built With

• React.js
• Axios

(back to top)

Getting Started

• Sign up to www.openweathermap.org with your e-mail and get the API key.

• Fork the project and clone it locally.

• Create a file at the root of the project called .env with the following contents:

  REACT_APP_API_KEY=YOUR API KEY HERE

• In the project directory, ou can follow the steps below to download the dependencies:

  • Install with npm:

  npm i

  • Install with yarn:

  yarn

• In the project directory, you can run:

  • Run with npm:

  npm run

  • Run with yarn:

  yarn start

(back to top)

Usage

You can select the city and change the site theme as shown below.

See it live!

(back to top)

License

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

(back to top)

Contact

Alper Tugriçeri - Linkedin - [email protected]

Project Link: https://github.com/atugriceri/weather-react-app

(back to top)

Acknowledgments

• Weather Icons
• Bootstrap Icons
• Cities of JSON

(back to top)