🌦️ Weather App

A responsive Weather Application that delivers real-time weather updates for any city using live API data. The app presents key weather details such as temperature 🌡️, humidity 💧, wind speed 🌬️, and weather conditions ☁️ through a clean, intuitive, and user-friendly interface.

🔗 Live Demo: 👉 https://weather-app-main-5fjm.onrender.com/

🔗 GitHub Repository: 👉 https://github.com/mloukikreddy/weather-app-main

📌 Project Overview

The Weather App enables users to search for a city and instantly view its current weather conditions. It retrieves real-time data from a weather API and dynamically updates the UI. The project emphasizes API integration 🔗, asynchronous data handling ⏳, and responsive front-end design 📱.

🚀 Features

🌍 Search weather by city name 🌡️ Displays temperature and weather condition 💧 Shows humidity level 🌬️ Displays wind speed 📱 Fully responsive design ⚡ Real-time data using Weather API

🛠️ Technologies Used

Frontend:

HTML

CSS

JavaScript

Backend / Server:

Node.js

Express.js

API:

Weather API (for real-time weather data)

Deployment:

Render

📂 Project Structure

weather-app-main/ │ ├── public/ # Static files (CSS, JS) ├── views/ # UI templates ├── app.js # Main server file ├── package.json # Project dependencies └── README.md # Project documentation

⚙️ How It Works

User enters a city name

The application sends a request to the weather API

The API returns real-time weather data

The data is processed and displayed on the user interface

🧪 How to Run Locally

Clone the repository

git clone https://github.com/mloukikreddy/weather-app-main.git

Navigate to project folder

cd weather-app-main

Install dependencies

npm install

Start the server

node app.js

Then open: 👉 http://localhost:8888

🎯 Learning Outcomes

API integration using JavaScript

Handling asynchronous operations

Backend routing using Express.js

Deploying full-stack applications on Render

👤 Author

Loukik Reddy Mekala 📌 GitHub: https://github.com/mloukikreddy