Skip to content

Welcome to the What's the Weather App! This application provides users with detailed weather forecasts for their current location or any location of interest and also this app offers various features to enhance the user experience.

License

Notifications You must be signed in to change notification settings

RahulPorel/Whats-The-Weather

Repository files navigation

Weather App

Welcome to the What's the Weather App! This application provides users with detailed weather forecasts for their current location or any location of interest and also this app offers various features to enhance the user experience.

Live Demo 👁️

https://whats-the-weather-rahul.netlify.app/

Features

  • Location Bookmark Widget

Users can bookmark their favorite locations for quick access to weather forecasts.

  • Celsius to Fahrenheit Converter

Easily convert temperature units from Celsius to Fahrenheit and vice versa.

  • Search Functionality

The app offers a search feature with autocomplete, allowing users to quickly find weather information for any location.

  • Basic and Detail Modes

Choose between basic and detail modes to view weather forecasts. In basic mode, only essential information is displayed, while detail mode provides a comprehensive overview including hourly and daily forecasts.

  • Quick City Search Widget

Every time the page refreshes or a button is clicked, a new city is displayed in the quick city search widget. Users can click on these cities to view weather details instantly.

  • Bookmark Toggle

Toggle the bookmark feature on or off to manage saved locations easily.

  • Hourly and Daily Forecast

The app provides users with both hourly and daily weather forecasts to help plan activities accordingly.

Snapshot of What's The Weather

image

Screenshot (517)

Screenshot (518)

Screenshot (523)

Screenshot (519)

Screenshot (520)

Screenshot (521)

Many more features will be added to this build in future

Usage

Once the app is running, users can:

  • Search for locations using the search bar.
  • Bookmark favorite locations.
  • Toggle between basic and detail modes for weather forecasts.
  • Convert temperature units.
  • Explore hourly and daily weather forecasts.
  • Click on quick city search options for instant weather details.

To run locally

01. Clone this repository.

02. Navigate to the project directory.

03. Install node dependices

 npm i

04. Run project in localhost

 npm run dev

License

This project is licensed under the MIT License.


About

Welcome to the What's the Weather App! This application provides users with detailed weather forecasts for their current location or any location of interest and also this app offers various features to enhance the user experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published