Weather App

A simple and responsive Weather Application built using HTML, Tailwind CSS, and JavaScript. The application allows users to search for a city and view real-time weather information in a clean and modern interface.

Overview

This project is a lightweight frontend weather app focused on practicing JavaScript logic, API integration, and Tailwind CSS styling without using any frontend framework.

Features

Search weather by city name

Display real-time temperature and weather conditions

Responsive layout for mobile and desktop

Clean UI built with Tailwind CSS

Fast and lightweight performance

Technologies Used

HTML

Tailwind CSS

JavaScript

Weather API

Project Structure src/ ├── index.html ├── input.css ├── output.css ├── Script.js tailwind.config.js package.json

Build Instructions

Tailwind CSS is compiled using the Tailwind CLI.

Install dependencies:

npm install

Build Tailwind CSS:

npm run build

The compiled CSS file will be generated as output.css.

Usage

Open index.html in any modern web browser to run the application locally. The project can also be deployed easily on platforms such as Netlify or GitHub Pages.

Purpose

This project was created to improve frontend development skills, focusing on JavaScript functionality, API usage, and responsive UI design with Tailwind CSS.

License

This project is open-source and available for learning and personal use.