https://github.com/amoutonbrady/pomodoro

Live demo at:
https://github.com/amoutonbrady/pomodoro

challenge hyperhtml scotch-io

Last synced: 26 minutes ago
JSON representation

Live demo at:

• Host: GitHub
• URL: https://github.com/amoutonbrady/pomodoro
• Owner: amoutonbrady
• Created: 2018-03-17T19:13:33.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-18T00:35:34.000Z (almost 7 years ago)
• Last Synced: 2024-11-05T23:22:32.754Z (about 2 months ago)
• Topics: challenge, hyperhtml, scotch-io
• Language: JavaScript
• Homepage: https://amoutonbrady.github.io/pomodoro/
• Size: 289 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Scotch.io - Pomodoro Timer Challenge

[Link to the challenge](https://scotch.io/tutorials/code-challenge-6-build-a-pomodoro-timer)

![Preview of the application](./public/screenshots/sample.png)

## What I've used

* [hyperHTML by Andrea Giammarchi](https://github.com/WebReflection/hyperHTML) - My favorite view library, it's fun, intuitive, very efficient and respect standard.

* [Fuse-Box](https://github.com/fuse-box/fuse-box) - My favorite module bundler. Think of it as the simplicty and speed of Parcel with the customizability and features of Webpack. What I really like is the integrated Task Runner.

* [WorkBox by Google](https://developers.google.com/web/tools/workbox/) - PWA made easy by Google

* [FlatIcon](https://www.flaticon.com/) - For the icon

* [FaviconGenerator](https://www.favicon-generator.org/) - For the icons generation

## What I added

I set myself an extra challenge to make it a 100/100 PWA. Thanks to WorkBox and some proper meta tags it's mission accomplished! See the results from the Google Chrome Lighthouse Audit:

![PWA Score](./public/screenshots/score.png)

## Complementary information

If you want to install the app you'll have to:

* Clone the repo ```git clone https://github.com/alexandre-mouton-brady/pomodoro/```

* Run ```npm install``` or ```yarn``` to get all the dependencies

* Change the base url in the following files:

    * ```public/manifest.webmanifest``` (for the ```icons``` and ```start_url```)

    * ```src/index.html``` (for the manifest, icon and service worker registration)

    * ```/fuse.js``` (for the ```WebIndexPlugin``` path)

* Run ```npm run dev``` or ```yarn dev``` for development

* Run ```npm run build``` or ```yarn build``` for building