AvinashChandavar7 / weather_app_react

Weather App

The Weather App is a React-based web application that allows users to get real-time weather information for any location. It fetches data from the OpenWeatherMap API and provides an intuitive interface for users to search and view current weather conditions and forecasts.

How to Use

• Open the application in your browser.
• Enter the desired location in the search bar.
• Explore current weather details and the daily forecast.

Tech Used

• React - JavaScript library for building user interfaces.
• Axios - Promise-based HTTP client for the browser and Node.js.
• OpenWeatherMap API - Weather data API.
• Tailwind CSS - Utility-first CSS framework.

Screenshots

Getting Started

To run the Weather App locally, follow these steps:

1. Clone the repository:

   git clone [repository-url]

2. Install dependencies:

   npm install

3. Set up API keys:

   • Create an account on OpenWeatherMap to obtain API keys.
   • Create a .env file in the root directory and add the following:

VITE_WEATHER_API_URL = '';
VITE_DAILY_API_URL = '';

4. Run the app:

  npm run dev