Vue 3 PWA Timer: A Progressive Web App Example

This repository contains the source code for a Vue 3 Progressive Web App (PWA) timer, as described in the blog post "Create a Native-Like App in 4 Steps: PWA Magic with Vue 3 and Vite".

Features

Built with Vue 3 and Vite
Fully functional PWA with offline capabilities
Customizable timer for Tabata and EMOM workouts
Responsive design for mobile and desktop
Installable on various devices

Getting Started

Clone this repository
Install dependencies:
```
pnpm install
```
Run the development server:
```
pnpm run dev
```
Build for production:
```
pnpm run build
```

PWA Functionality

This app demonstrates key PWA features:

Offline functionality
App installation on devices
Automatic updates
Responsive design for various screen sizes

Testing PWA Features

Run the production build locally
Use Chrome DevTools to test offline mode
Install the app on your device
Verify caching strategies and update mechanism

Learn More

For a detailed walkthrough of how this PWA was built, check out the full blog post: Create a Native-Like App in 4 Steps: PWA Magic with Vue 3 and Vite

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.