weather-app

This project is a weather viewer website created using HTML, CSS, and JavaScript. It allows users to check the weather information for a specific location.

Features

• Dark Mode: The web page includes a toggle in the top right corner to switch between dark mode and light mode themes.
• Location Search: Users can search for weather information by city or location name.
• Dropdown Menu: The web page features a dropdown menu containing the names of several famous cities.
• Weather Display: Display of current weather conditions, temperature, humidity.
• Forecast: Provides a weather forecast along with the forecast of the five consequent days.
• Responsive Design: Optimized for various screen sizes (desktop, tablet, mobile).

Technologies Used

• HTML
• CSS
• JavaScript

Website Preview

• Before Search:

  

• Dropdown menu containing famous cities:

  

• After Search:

  

• 5 days forecast:

  

Getting Started

To run this project locally on your machine:

1. Clone the Repository:

   git clone https://github.com/kanishk-001/weather-app.git

2. Navigate to the Project Directory:

   cd weather-app

3. Open the Project:
   • Open the index.html file in your web browser.

Usage

• Open the index.html file in a web browser.
• Enter the city or location name in the search bar to view the weather information.
• Explore the displayed weather details for the current conditions and forecast.

Contributing

Contributions are welcome! If you'd like to contribute by adding features, improving UI, or fixing issues, feel free to fork this repository, make your changes, and submit a pull request.

Contributers

Thanks to all these contributors:

• kanishk-001
• kanishk-2
• yazdanhaider
• ATHARVA-MUJUMDAR
• AdityaSinha2305
• Shivansh-0403
• Deepankar1484
• TanviS001
• Pudi-Sravan

Code of Conduct

We are committed to providing a welcoming and inclusive environment for all participants. Please read our Code of Conduct to understand the expected behavior.

Read our Code of Conduct

Go to Top