A responsive and user-friendly weather application built using React.js and Vite. This app gives you real-time weather updates for cities around the world π. It fetches accurate weather data using the Weather API, showing you the current conditions, a 5-day forecast, and even extra details like air quality and temperature trends. Stay prepared no matter where you are! βοΈπ§οΈβοΈ
- π City Search: Easily search for weather updates by city name.
- β±οΈ Real-Time Forecast: View up-to-the-minute weather conditions and a 5-day forecast.
- π Dynamic UI: Enjoy a sleek, intuitive interface styled with Tailwind CSS.
- π Global Support: Get weather data from any city worldwide.
- π Secure API Integration: Connect to the Weather API with secure HTTPS endpoints for safety.
- βοΈ Front-end: Built with React.js and Vite for a blazing-fast experience.
- π¨ Styling: Beautiful UI powered by Tailwind CSS.
- π¦οΈ API Integration: Weather data pulled from the Weather API.
- π Deployment: Hosted on Vercel for fast and reliable performance.
-
Clone the repository:
git clone https://github.com/yourusername/weather-app.git
-
Navigate to the project directory:
cd weather-app -
Install dependencies:
npm install
-
Create a
.envfile in the root directory and add your Weather API key:VITE_WEATHER_API_KEY=your_api_key
-
Start the development server:
npm run dev
Your app is now running locally! π
The app is deployed and live on Vercel. Check it out here:
https://wea-thy-nine.vercel.app/
- Weather API for providing the weather data π¦οΈ.
- React.js for making UI development a breeze βοΈ.
- Vite for super-fast builds π.
- Tailwind CSS for the gorgeous styling π.
Feel free to fork this repo, create an issue, or contribute! Let's make this app even better together! π
Reach out to me for collaborations or questions. Let's connect! β¨
