A simple web application that shows current weather information. This project is a professional and user-friendly Full Stack Weather Web Application built using HTML, CSS, and JavaScript. It represents my progress and skills developed over 3 months of learning and practice with web technologies.
-
Displays real-time weather data for any city entered by the user.
-
Features include temperature, weather condition, humidity, and wind speed.
-
A dynamic bar graph visualizes key weather metrics.
-
User-friendly interface with a modern dark theme.
-
HTML: Structuring the web page content.
-
CSS: Styling with a focus on dark theme design and responsive layout.
-
JavaScript: Fetching weather data from OpenWeatherMap API and rendering it dynamically.
-
OpenWeatherMap API: Source of real-time weather data.
-
City Weather Search: Enter a city name to get weather details.
-
Graph Updates: A bar graph updates with every new city search.
-
Error Handling: Displays an error message if a city is not found.
-
Responsive Design: Works smoothly on both desktop and mobile devices.
Over the past 3 months, I focused on:
-
Understanding the structure of full stack web applications.
-
Styling interfaces for both functionality and aesthetics.
-
Integrating APIs into JavaScript projects.
-
Troubleshooting and debugging code.