Skip to content

The weather app, built with HTML, CSS, and JavaScript, utilizes a weather API to fetch real-time weather data. Users input their location or enable automatic detection. The app then displays current weather conditions and forecasts in a user-friendly interface, styled with CSS for aesthetics and enhanced with JavaScript for interactivity.

Notifications You must be signed in to change notification settings

karthikrayaprolu/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

Description This Weather App is a simple and intuitive web application that allows users to check the current weather conditions for any city around the world. The application fetches weather data from a reliable API and displays it in a user-friendly interface. The app is built using HTML, CSS, and JavaScript.

Features Search Functionality: Users can search for weather information by entering the name of a city. Current Weather Data: Displays current temperature, weather conditions, humidity, and wind speed. Dynamic Backgrounds: Changes background images based on the weather conditions (e.g., sunny, rainy, snowy). Responsive Design: Ensures the app looks good on all devices, including desktops, tablets, and smartphones. Technologies Used HTML: For the structure of the web pages. CSS: For styling the application and making it visually appealing. JavaScript: For fetching data from the weather API and updating the UI dynamically. Weather API: To get real-time weather data (e.g., OpenWeatherMap API). Setup Instructions Clone the repository: sh Copy code git clone https://github.com/yourusername/weather-app.git cd weather-app Open the index.html file in your web browser to view the app. Usage Enter the name of the city you want to check the weather for in the search bar. Press the "Search" button or hit "Enter". View the current weather information displayed on the screen. Project Structure index.html: The main HTML file that contains the structure of the web app. styles.css: The CSS file for styling the web app. app.js: The JavaScript file that handles the logic and interaction with the weather API. Contributing If you would like to contribute to this project, please follow these steps:

Fork the repository. Create a new branch for your feature or bugfix. Commit your changes and push the branch to your fork. Create a pull request detailing your changes. License This project is licensed under the MIT License. See the LICENSE file for more details.

Contact For any questions or feedback, please open an issue or contact me at [karthikrayaprolu13@gmail.com].

About

The weather app, built with HTML, CSS, and JavaScript, utilizes a weather API to fetch real-time weather data. Users input their location or enable automatic detection. The app then displays current weather conditions and forecasts in a user-friendly interface, styled with CSS for aesthetics and enhanced with JavaScript for interactivity.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published