Weatheria

A weather dashboard application that shows the current weather and 5-day succeeding weather forecast.

This is a web application built using React + Vite with OpenWeatherMap API that provides users with real-time weather information for any location worldwide. This app combines dynamic data visualization with essential weather metrics to help users stay informed and plan their day effectively.

• Current Weather Updates

  Instantly view your chosen location's temperature, humidity, wind speed, and more.

• 5-Day Forecast

  You can proceed with detailed weather predictions, including temperature trends and precipitation chances.

• Search Functionality

  Quickly search for any city or location to access its weather details.

• Interactive Interface

  A clean, responsive design ensures a seamless experience across devices.

How to use the App?

Just visit https://weatheria-v02.vercel.app

How to install the App locally?

Prerequisites

• Node.js
• npm or yarn
• API key from OpenWeatherMap API

Installation

1. Clone the repository:

   git clone https://github.com/gabify/weatheria.git

2. Navigate to the project directory:

   cd your-repo

3. Install dependencies:

   npm install

4. Create an env file and include your API key from OpenWeatherMap API

5. Run the application:

   npm run dev

Found a bug?

If you found an issue or would like to submit an improvement to this project, please submit an issue on the issue tab above. If you like to submit a PR with a fix, reference the issue you created.

Known issues (Work in progress)

This project is still ongoing and it needs a massive improvement!

1. No error handling: It does not have a user-friendly error message or template

Like this project?

If you like this project, you can give it a star. I'm still learning how to code so a few motivation will help! 🥺

Speacial Thanks

This section is dedicated for the opne source component I used in this app Wizard icons created by Freepik - Flaticon