Skip to content

Shubham7-1/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

Weather App

This is a simple weather application built with Bootstrap. It fetches and displays weather data for a specified city.

Preview

Weather App Preview

Features

  • Lightweight and responsive design
  • Navbar with a dropdown user guide
  • Search functionality to fetch weather data for cities
  • Display of various weather details including:
    • Temperature
    • Humidity
    • Wind speed and direction

Code Structure

The application has a simple structure:

  1. Navbar: This contains the application title, a link to the homepage, and a dropdown with a user guide. There's also a search bar to look up the weather of a specific city.

  2. Main Content: Displays the weather details of a city in three categories:

    • Temperatures
    • Humidity Information
    • Wind Information
  3. Styling: The styling has been powered by Bootstrap with some custom styles added for aesthetics.

Installation & Usage

  1. Clone the repository:

git clone https://github.com/Shubham7-1/Weather-App

  1. Open index.html in your preferred browser.

  2. Enter the name of the city in the search bar and click on the 'Search' button to view the weather details.

  3. For a quick guide on using the app, click on 'Usage Guide' in the navbar.

Dependencies

Future Enhancements

  • Integration with a weather API to fetch real-time data
  • Addition of forecast data for the upcoming days

License

This project is open-sourced under the MIT license.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors