Skip to content

This Weather App is a simple yet functional project that showcases the use of HTML, CSS, and JavaScript to create an interactive user interface. Users can search for current weather conditions and forecasts for any location.

Notifications You must be signed in to change notification settings

ManjunathGlO/Weather-App-in-HTML-CSS-and-JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Check_App_With_Multiple City

weather


Table of Contents 📚

  • Introduction
  • Features
  • Technologies Used
  • Getting Started
  • Usage
  • Contributing
  • License

Introduction 🌦️

The Weather Check App is a user-friendly application designed to provide real-time weather updates for multiple cities. Whether you're planning a trip or just curious about the weather in different locations, this app delivers accurate and timely weather information right at your fingertips.


Features 🔑💡

  • Multi-City Support: Check the weather for any number of cities around the world.

  • Real-Time Updates: Get current weather conditions and forecasts.

  • User-Friendly Interface: Simple and intuitive design for ease of use.

  • Search Functionality: Quickly find weather information by city name.

  • Responsive Design: Optimized for both mobile and desktop devices.


Technologies Used 💻

  • Frontend: HTML, CSS, JavaScript

  • Backend: Node.js (optional, if applicable)

  • API: OpenWeatherMap API for real-time weather data

  • Libraries/Frameworks: React (if applicable), Axios, Bootstrap


Getting Started 🚀🚀

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js (if applicable)

  • A text editor or IDE (like Visual Studio Code)


Installation 🚀

  1. Clone the repository:
git clone https://github.com/your-username/weather-check-app.git

cd weather-check-app
  1. Install dependencies:
npm install
  1. Set up your API key:
  • Sign up at OpenWeatherMap and get your API key.
  • Create a .env file in the root directory and add your API key:
 API_KEY=your_api_key_here
  1. Run the application:
npm start

Usage ⌛

  1. Open the application in your web browser.

  2. Enter the name of the city you want to check the weather for.

  3. Click on the "Check Weather" button to see the current weather and forecast.

  4. Repeat for multiple cities as needed!


Contributing 👨‍💻👋

Contributions are welcome! If you have suggestions for improvements or want to add features, please fork the repo and submit a pull request. Make sure to follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature:
git checkout -b feature/YourFeature
  1. Make your changes and commit them:
git commit -m "Add a new feature"
  1. Push to the branch:
git push origin feature/YourFeature
  1. Open a pull request.

Contact 📧

If you want to contact me, you can reach me through below handles.

linkedin GitHub


License 📜

This project is licensed under the MIT License. See the LICENSE file for details.

About

This Weather App is a simple yet functional project that showcases the use of HTML, CSS, and JavaScript to create an interactive user interface. Users can search for current weather conditions and forecasts for any location.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published