This web app is built using React.js and utilizes the shadcn/ui for a sleek and modern user interface. It allows user to search for weather of different regions. The application featches data from OpenWeather API.
- React.js
- shadcn/ui
- lucid-react
- OpenWeather API
Follow the steps below to install and run this web application on your local machine:
-
Clone the Repository
git clone https://github.com/Jaimin25/weather-app.git
-
Navigate to the Project Directory
cd weather app
-
Install Dependencies
Use npm to install the project dependencies.
npm install
-
Get Your OpenWeather API Key
To use this application, you need to obtain an API key from Edamam. Follow these steps:
- Visit the OpenWeather Website.
- Sign in or create an account if you don't have one.
- Once logged in, head to API Keys page.
- Copy the API key and API id for later use.
-
Add Your API Key to the Application
In the root folder make an
.env
file and add your OpenWeather API key as follows:VITE_WEATHER_APP_URL=https://api.openweathermap.org/data/2.5/weather VITE_WEATHER_API_KEY="openweatherapikey"
-
Start the Application
Now, you can start the application:
npm run dev
-
Access the Application
Open your web browser and go to http://localhost:5173/ to access the Weather Web Application.