The Pomo d'Oro

A progressive web app for the Pomodoro Technique, built with Vue 2, Vuex and Firebase.

Live app

Features

• Google and Facebook authentication
• Inventory and Today views
• Github-style calendar heat map view for tracking productivity over time
• Progressive Web App (100/100 Lighthouse score)
  • App manifest
  • Service worker
  • Use of local storage for limited offline functionality
• Follows the Vue.js Style Guide
• Tests with vue-test-utils and Jest

Todos

• Add unit tests for vuex mutations and actions
• Add e2e tests
• Implement syncing between local storage and the Firebase database, for full-featured offline use

Build Setup

Before building and running this app, you will need to set up Firebase and update the config object in src/modules/firebase.js

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run tests
npm test

# run tests in watch mode
npm run watch

License

MIT

• Project initiated with the vue-cli Webpack template.
• Tomato icon by Freepik at www.flaticon.com.