Weather App 🌦

This is a lightweight weather application that provides current weather information, including location, temperature, humidity, and visual weather conditions. This app utilizes a clean, responsive design and fetches real-time data from a weather API to deliver accurate weather information to users.

Content List

• Features
• Tech Stack
• How it Works
• Getting Started
• Project Structure
• Future Improvements
• License
• Acknowladgments

Features✨

• Real-Time Weather Data: Fetches current weather information from a weather API.
• Location Display: Shows the name of the current city or location.
• Temperature & Humidity: Displays the Temperature and Humidity real-time data.
• Emoji Indicators: Uses emojis to visually represent weather conditions (☀, ☁, 🌧, etc.).
• Responsive Design: clean and simple user interface.

Tech-Stack

How-it-Works🤷‍♀️

The app uses Vanilla JavaScript to fetch data from a weather API when a user searches for a location. The data is processed and displayed in a user-friendly interface.

1. Open index.html in your browser or use a local development server
2. Enter a city name or location in the search bar
3. Press Enter or the search button
4. View the current weather details for the specified location

Getting-Started💻

Prerequisites

• A modern web browser
• API key from your chosen weather service provider

Installation

1. Clone the repo

   git clone https://github.com/TripleJay23/weather-app.git

2. Navigate to the project directory

   cd weather-app

3. Set up your API key

• Sign up for a free account at your chosen service provider like OpenWeatherMap (recommended).
• Navigate to your account dashboard and generate an API key.
• Replace the placeholder in the JavaScript file with your actual Key.

const API_KEY = `your_api_key_here`

Project-Structure⚙

weather-app/
├── index.html          # Main HTML file
├── style.css           # CSS styles
├── script.js           # JavaScript functionality
└── README.md           # This file

Future-Improvements

• Include additional weather metrics (wind speed, pressure, etc.).
• Add dark/light theme options.
• Add animations for weather conditions.
• Add toggles for temperature units (Celsius/Fahrenheit).
• Location detection based on the user's IP.

License📃

This project is NOT LICENSED under any organization; feel free to customize it to better your needs.

Acknowladgments🙏

• Thanks to the weather API from OpenWeatherMap
• Created with ❤ by Me
• Inspired by -Ezekiel Lemana fellow Full-Stack Dev👊

Contributing🤝

Contributors are welcome! If you have suggestions or improvements:

1. Fork the repo
2. Create a new branch for your feature or bug fix
3. Commit your changes
4. Open a pull request detailing your updates