## Overview

SkyCast is a dynamic, user-friendly weather application built with React to provide real-time meteorological data for cities worldwide. Built as a full-featured single-page application (SPA), it focuses on efficient state management, asynchronous API integration, and modern UI component design.

---

## Key Features

- Real-Time Data Fetching: Integrates with third-party REST APIs to pull live weather metrics instantly.

- Location Search: Seamless search functionality allowing users to query weather conditions for any city globally.

- Detailed Meteorological Metrics: Displays key metrics including current temperature, feels-like temperature, humidity levels, wind speed, and general weather descriptions.

- Dynamic UI Components: Updates visual indicators and weather icons dynamically based on real-time state changes.

- Responsive Layout: Modern, mobile-responsive layout designed for optimal viewing across all screen sizes.

---

## Technical Stack & Architecture

- Frontend Framework: React.js (JSX, Hooks, Component-driven Architecture)

- Styling: CSS3 / Tailwind CSS

- API Integration: OpenWeatherMap REST API / Weather API (via fetch / axios with async/await)

- Version Control & Hosting: Git, GitHub, Vercel

---

## Key Technical Learnings & Challenges

- React State & Effects: Utilized core React Hooks like useState to manage component states (search queries, active weather data, loading states) and useEffect for handling side effects like initial API calls.

- Asynchronous Operations: Implemented robust async/await patterns to handle network calls and UI loaders seamlessly.

- Error Handling: Designed fallback states to gracefully handle invalid city queries, network timeouts, and missing API data without breaking the application flow.