Skip to content

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.

Notifications You must be signed in to change notification settings

NothingADSR123/WeaTHY

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ WeaTHY 🌍

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! β˜€οΈπŸŒ§οΈβ„οΈ


πŸŽ‰ Features

  • πŸ” 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.

πŸ› οΈ Tech Stack

  • βš›οΈ 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.

πŸš€ Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/weather-app.git
  2. Navigate to the project directory:

    cd weather-app
  3. Install dependencies:

    npm install
  4. Create a .env file in the root directory and add your Weather API key:

    VITE_WEATHER_API_KEY=your_api_key
  5. Start the development server:

    npm run dev

Your app is now running locally! 🌟


🌐 Deployment

The app is deployed and live on Vercel. Check it out here:
https://wea-thy-nine.vercel.app/

πŸ™ Acknowledgements

  • 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 🌈.

🀝 Contribute

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! ✨

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published