Weather App

The most Beautiful Weather App (Made using React.js, Tailwind CSS and Ant Design)

APIs used

• OpenWeather: https://openweathermap.org/api (for Weather info)
• Geoapify: https://www.geoapify.com/geocoding-api (for Geocoding)

Live Link

This Project is deployed at: https://weather-harshpx.vercel.app

To run locally (must have Node.js and NPM installed)

1. Clone this project on your local device & install necessary packages

git clone 'https://github.com/harshpx/weather.git'
cd weather
npm i

2. Get your 'Openweather' and 'Geoapify' API keys, then create '.env' file & add your API keys there.

#inside .env file

VITE_GEOCODING_API_KEY=""
VITE_OPENWEATHER_API_KEY=""

3. Run the App

npm run dev

Features

• Most beautiful UI that I've ever made
• Dark and Light modes
• Responsive UI (looks good on all screen sizes)
• Celsius and Fahrenheit Units
• 5 Day Weather forecast
• Efficient API handeling
• Industry standard code structure

Screenshots

Mobiles

Tablets

Desktops