AirspaceCast is a sleek and responsive weather app built with React + Vite. It allows users to search for real-time weather conditions and a 5-day forecast for any city in the world.
- 🔍 City-based weather search
- 📍 Location-based weather fetching
- 🌡️ Current temperature, condition, and more
- 📅 5-day forecast with daily icons
- 🌓 Dark/Light mode toggle
- 📱 Fully responsive for all screen sizes
- ⚛️ React
- ⚡ Vite
- 🌐 OpenWeatherMap API
- 🎨 Tailwind CSS
Clone the repository and install dependencies:
git clone https://github.com/your-username/AirspaceCast.git
cd AirspaceCast
npm installnpm run devVisit: http://localhost:5173
AirspaceCast/
├── public/
│ └── LOGO.png
├── src/
│ ├── api/
│ │ └── weather.js
│ ├── components/
│ │ ├── SearchBar.jsx
│ │ ├── WeatherCard.jsx
│ │ └── ForecastCard.jsx
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
├── package.json
├── vite.config.js
└── README.md
You'll need an API key from OpenWeatherMap. Add it to your .env file:
VITE_WEATHER_API_KEY=your_api_key_here
- Add hourly forecast
- Add weather animations
- PWA support (Add to home screen)
MIT License
Made with ❤️ by [Your Name]