Loading repository data…
Mahmoud-Hanyy / repository
WindyX
WindyX is a sleek and interactive weather application built using HTML, CSS, and JavaScript. It provides real-time weather updates with a minimalist, futuristic UI, allowing users to check the weather for different cities effortlessly.
Live repository statistics
★ 3Stars
⑂ 4Forks
◯ 0Open issues
◉ 3Watchers
47/100
OPENREPOHUB HEALTH SIGNAL
Mixed signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
30
Community adoption25% weight
11
Maintenance state20% weight
100
License clarity10% weight
100
Project information10% weight
35
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
WindyX
Table of Contents
Introduction
What is WindyX?
WindyX is a weather web app that enables users to get weather information about the locations they're interested in.
Technologies Used
- For Web Document Structure: HTML
- For Web Document Style: CSS
- For Web Document Reactivity: JavaScript
Features
Current Features
- Search Weather by City
- Users can select a city from a predefined dropdown list.
- Users can enter a city and country name manually to fetch weather details, implement debouncing (3-second delay) for manual input and predefined dropdown list before fetching data.
- Handle API errors when the user writes wrong city or country.
- Persist Last Search
- When the user revisits the website, display the last searched city's weather.
- If no previous search exists, display a greeting message.
- Display Weather Information
- Fetch weather data using OpenWeatherMap API.
- Shows tempreature, weather description, humidity, and wind speed.
- Display an appropriate weather icon based on the current weather condition.
- Display a Weather Background based on the Weather Condition (e.g., sunny, rainy).
- Support dark and light themes, applying different styles for light and dark modes.
- Make a login page, after the user logs in, he could see the homepage, otherwise he must login first.
- Make a stunning eye-catching design.
- User is able to change weather units (Fahrenheit to Celsius and vice versa).
Installation Instructions
To get started with WindyX, follow these steps:
- Clone the repository:
git clone https://github.com/Mahmoud-Hanyy/WindyX.git cd WindyX
Usage
- Run the App. using Live Server in VS Code OR any other Server.
- Open the Login Page in the browser.
- Enjoy the Weather App!
License
This project is licensed under the MIT License - see the LICENSE file for details.