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

1. Clone this repository
2. Install dependencies:

   pnpm install
   

3. Run the development server:

   pnpm run dev
   

4. 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

1. Run the production build locally
2. Use Chrome DevTools to test offline mode
3. Install the app on your device
4. 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.