xyugen/weather-wise

A user-friendly web app that provides accurate and up-to-date weather forecasts for your location.

Weather Wise

This is a React weather forecast web application that allows users to search for their city and view weather information from https://www.weatherapi.com. The application also provides users with the ability to copy an embed link to share the forecast with others.

Getting Started

To run the application locally, follow these steps:

1. Clone this repository and go to weatherapi.com to get your API key.
2. Replace the api key in .env with your api key.
3. Run the following commands:

npm install
npm start

Usage

Searching for Weather Forecast

To search for weather forecast, simply type in the name of the city you want to search in the search bar and press enter. The application will show you the weather forecast for the city you searched.

Copying Embed Link

To copy an embed link of the weather forecast, click on the buttons with "Embed Links" label at the bottom of the weather forecast card. This will copy the embed link to your clipboard, which you can then use to share the forecast with others.

Technologies Used

• HTML
• CSS
• JavaScript
• React
• Tailwind CSS
• https://www.weatherapi.com

Credits

• https://www.weatherapi.com for providing the weather forecast data used in this application.

License

This project is licensed under the MIT License. See the LICENSE file for details.