Skip to content

A Weather Progressive web app built using Reactjs ,Service workers, PWA, Light house

Notifications You must be signed in to change notification settings

KavyaBS123/PWA_Weather_App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PWA Weather App

About The Project

The PWA Weather App is a user-friendly web application that delivers real-time weather updates for any location. This app is designed to work offline and can be installed on any device supporting a web browser, offering an app-like experience on desktop and mobile platforms. image

Features

  • Real-Time Weather Data: Fetch current weather information including temperature, humidity, wind speed, and more.
  • Search by City: Users can search weather forecasts by city.
  • Responsive Design: Ensures that the app looks great on both desktop and mobile devices.
  • Offline Functionality: Leveraging service workers, the app can function offline, showing cached weather data.
  • Installable: As a PWA, it can be installed directly from the browser to the home screen of your device.

Built With

  • HTML
  • CSS
  • JavaScript
  • Service Workers for offline functionality

Getting Started

Prerequisites

  • A modern web browser that supports PWAs (e.g., Google Chrome, Mozilla Firefox, Microsoft Edge).

Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/pwa-weather-app.git
  2. Navigate to the project directory:
    cd pwa-weather-app
  3. Open the application:
    • Simply open the index.html file in a browser to run the app locally.

Using the App

  1. Open your web browser and go to the app URL.
  2. Enter the name of the city in the search bar and press enter.
  3. View the weather data that appears. You can refresh the data by re-entering the city's name or searching for a new location.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Kavya B S [[email protected]]

About

A Weather Progressive web app built using Reactjs ,Service workers, PWA, Light house

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published