🌤️ The Forecast

A simple, elegant weather forecast web application built with React and CSS.
It allows users to search for any city and instantly view the current temperature and weather conditions with a clean, minimal UI.

---

🚀 Features

• 🔍 Search by city name — get instant weather updates for any location.
• 🌡️ Displays temperature, weather icon, and city details.
• 🔄 Refresh button to quickly update current weather.
• 🧭 Uses real-time data from a public weather API.
• 💅 Modern and responsive UI designed with CSS.
• 🌙 Dark theme layout for better readability.

---

🧱 Tech Stack

Technology	Purpose
React.js	UI and component logic
CSS3	Styling and responsive layout
Weather API	Fetching live weather data
GitHub Pages	Hosting

---

⚙️ Installation and Setup

1️⃣ Clone the repository

git clone https://github.com/saisaketh0819/the-forecast.git
cd the-forecast

2️⃣ Install dependencies

npm install

3️⃣ Start the development server

npm start

Your app will run on:
👉 http://localhost:3000

---

🌐 Live Demo

🔗 View The Forecast Website

---

🧠 Learning Highlights

• Learned how to integrate weather APIs in a React app.
• Implemented live data fetching and state management.
• Gained experience in building responsive layouts with pure CSS.
• Practiced deploying React apps using GitHub Pages.

---

👨‍💻 Author

CH Sai Saketh
🔗 LinkedIn
💻 GitHub

---