Skip to content

Sai-sys-cmd/Weather-Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather-Application

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.

Project Overview:

  • 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.

Technologies Used:

  • 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.

Key Features:

  • 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.

Learning Journey:

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.

About

A simple web application that shows current weather information.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published