Gauravrandheer / Weather_App

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather App

A weather application built with React and CSS, using the OpenWeather API to fetch weather data. This app allows users to retrieve weather information for a specific city or their current location.

Deploy link:

https://weatherappbgaurav.netlify.app/

Getting Started

To run the app locally, follow these steps:

  • Clone the repository or download the source code.
  • Navigate to the project directory in your terminal.
  • Install the dependencies by running the following comma

Run Locally

  • Clone the project
  git clone https://github.com/Gauravrandheer/Weather_App.git
  • Create a .env file in the project root directory and add your OpenWeather API key as VITE_API_KEY:
  VITE_API_KEY=your_api_key_here
  • Install dependencies
  npm install
  • Start the development server with the following command:
  npm run dev

How to Use

Once you have the Weather App running, you can interact with it in the following ways:

  • Input City Name: In the provided input field, enter the name of the city for which you want to fetch weather data. Press Enter, and the app will display the corresponding weather information.

  • Get Your Location: Click on the "Get Device Location" button to retrieve weather data for your current location. Make sure you have granted the app permission to access your device's location.

About


Languages

Language:JavaScript 72.8%Language:CSS 21.4%Language:HTML 5.8%