Weather App
Air Cast is a real-time weather and air quality monitoring web application that leverages geolocation and third-party APIs to deliver accurate, location-based environmental data. Featuring a clean, responsive interface, the application emphasizes usability, performance, and cross-platform accessibility.
Project Overview
Features
- Search weather by city name
- Get weather based on your current location
- View current temperature, humidity, and Air Quality Index
- Provides an overall description
- Clean and responsive UI
- Light & Dark mode support
Technical Details
- Frontend: HTML, CSS, Bootstrap, Tailwind CSS
- Language: JavaScript (Vanilla)
- APIs: WeatherAPI via RapidAPI, Geolocation API
- Deployment: Netlify
- Version Control: Git & GitHub
Challenges & Solutions
Handling Location Permissions
Implemented fallback search functionality when users deny location access, ensuring app usability.
API Error Handling
Used try-catch blocks and user-friendly error messages to handle cases like invalid city names or failed API calls.
Responsive Design
Combined Tailwind and Bootstrap for a flexible, responsive UI that adapts to different screen sizes.
Lessons Learned
- Learned how to integrate and manage third-party APIs effectively
- Gained experience with browser geolocation and handling permissions
- Improved frontend development skills by blending Bootstrap with Tailwind
- Strengthened debugging and error handling practices in real-world scenarios