pwa-online-hackathon
所属分类：collect
开发工具：JavaScript
文件大小：0KB
下载次数：0
上传日期：2019-02-19 03:54:36
上 传 者：
sh-1993
说明： 普华永道在线黑客马拉松，
(pwa-online-hackathon,)
文件列表:
.bowerrc (0, 2018-12-18)
.eslintrc.yml (246, 2018-12-18)
.firebaserc (68, 2018-12-18)
.stylelintrc.yml (35, 2018-12-18)
.travis.yml (307, 2018-12-18)
LICENSE (1077, 2018-12-18)
bower.json (435, 2018-12-18)
database.rules.json (79, 2018-12-18)
dist/ (0, 2018-12-18)
dist/css/ (0, 2018-12-18)
dist/js/ (0, 2018-12-18)
firebase-messaging-sw.js (210, 2018-12-18)
firebase.json (446, 2018-12-18)
gulpfile.js (2616, 2018-12-18)
index.html (1909, 2018-12-18)
lighthouse/ (0, 2018-12-18)
manifest.json (1256, 2018-12-18)
package.json (2417, 2018-12-18)
serviceWorker.js (2120, 2018-12-18)
src/ (0, 2018-12-18)
src/css/ (0, 2018-12-18)
src/css/main.css (1325, 2018-12-18)
src/image/ (0, 2018-12-18)
src/image/touch/ (0, 2018-12-18)
src/image/touch/homescreen144.png (4778, 2018-12-18)
src/image/touch/homescreen168.png (4969, 2018-12-18)
src/image/touch/homescreen192.png (4390, 2018-12-18)
src/image/touch/homescreen256.png (5724, 2018-12-18)
src/image/touch/homescreen48.png (1467, 2018-12-18)
src/image/touch/homescreen512.png (5886, 2018-12-18)
src/image/touch/homescreen72.png (2304, 2018-12-18)
src/image/touch/homescreen96.png (3136, 2018-12-18)
src/image/user-avatar.png (1467, 2018-12-18)
src/js/ (0, 2018-12-18)
src/js/engine/ (0, 2018-12-18)
... ...
# MeteorKiller
[](https://travis-ci.org/jojoee/pwa-online-hackathon)
[](https://codecov.io/github/jojoee/pwa-online-hackathon)
[](http://opensource.org/licenses/MIT)
[](https://standardjs.com)
[](http://commitizen.github.io/cz-cli/) [](https://greenkeeper.io/)
Kill all Star lord's meteor
[Consolation prize](https://www.facebook.com/web.developer.th/photos/a.1753499484976901.1073741828.1753451068315076/1878784592448389/?type=3) from [PWA Online Hackathon](https://pwa.online.hackathon.in.th/), also I write article the event here [PWA Online hackathon: ](https://medium.com/@jojoee/pwa-online-hackathon-----281e454fdff6)
## Checklist
- [x] code on [GitHub](https://github.com/jojoee/pwa-online-hackathon)
- [x] host on [Firebase hosting](https://pwa-online-hackathon-ae5f6.firebaseapp.com/)
- [x] Firebase login API
- [x] Firebase realtime database API
- [x] Firebase notification API
- [x] add to home screen + splash screen
- [x] work offline
- [x] Lighthouse score more then 98
## Future update
- [ ] automated test: browser compatibility
- [ ] automated test: UI
- [ ] automated test: complete unit test
- [ ] automated test: increase coverage threshold
- [ ] automated script: resize app icon image
- [ ] automated script: inject js content into html
- [ ] CI: another build by [AppVeyor](http://appveyor.com/)
- [ ] CI: browser testing by [testling](https://ci.testling.com/)
- [ ] CI: dependency checker by david-dm.org
- [ ] CI: another dependency checker by [Greenkeeper](https://greenkeeper.io/)
- [ ] refactor: refactor and rewrite project with ES7 standard and compile to ES5 for frontend
- [ ] refactor: move game engine to another repository
- [ ] localization
- [ ] Docker support
- [ ] add `test`, `htmlhint`, `stylelint` into `dev` npm script
- [ ] complete DocBlockr
## Game
- [x] play as guest / or login via Google
- [x] support viewport resizing
```
theme color: #eeff23 (238, 255, 35)
background color: #505050 (80, 80, 80)
```
## Getting started
1. Install Node.js
2. Install global dependencies: `npm install -g yarn firebase-tools bower lighthouse`
3. Install dependencies: `yarn && bower install`
4. Start dev: `firebase serve` and `yarn dev`
```
$ # Before commit please run command below to check
$ yarn validate
$ lighthouse http://localhost:5000 --verbose --view --output-path=./lighthouse/result.html
$ yarn commit # instead of git commit
```
## Reference
- [Web App Manifest](https://developer.mozilla.org/en-US/docs/Web/Manifest)
- [PWA Online Hackathon](https://pwa.online.hackathon.in.th/)
- [Firebase](https://firebase.google.com/)
- [Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/)
- [Google Codelabs](https://codelabs.developers.google.com)
- [What is FCM token in Firebase?](https://stackoverflow.com/questions/37671380/what-is-fcm-token-in-firebase)
- [The offline cookbook](https://jakearchibald.com/2014/offline-cookbook/)
## Reference tool
- [GoogleChrome/lighthouse](https://github.com/GoogleChrome/lighthouse)
- [GoogleChrome/workbox](https://github.com/googlechrome/workbox)
- [GoogleChrome/sw-toolbox](https://github.com/GoogleChrome/sw-toolbox)
- [Bfxr. Make sound effects for your games.](http://www.bfxr.net/)
近期下载者：
相关文件：
收藏者：