π€οΈ Weather App This is a professional and designer weather website that provides real-time weather updates based on user input. The website uses the WeatherAPI to fetch data and displays temperature, wind speed, humidity, and more. It also includes an elegant light/dark mode for better readability.
π Features β Search Functionality β Users can enter any city name to get weather details. β Live Weather Data β Fetches real-time weather conditions using the WeatherAPI. β Background Change β The background updates dynamically based on the weather. β Temperature Details β Displays current temperature, humidity, wind speed, and weather conditions. β Dark/Light Mode β Allows users to switch between themes for better readability. β Login & Signup β Secure authentication with separate pages for login and registration. β Professional UI β Stylish and responsive design for mobile & desktop.
π Technologies Used HTML5 β For structuring the webpage. CSS3 (Tailwind CSS) β For styling and animations. JavaScript (Vanilla JS) β For fetching and displaying weather data dynamically. WeatherAPI β To fetch real-time weather updates. LocalStorage β To remember user preferences like dark/light mode.
π How It Works Enter the city name in the input field. Click "Get Weather", and the app will fetch the data. Toggle between Light/Dark mode for better visibility. Use Login/Signup for a personalized experience.