https://github.com/yoonghan/react-flip-page-use
Use of react-flip-page with typescript and service worker.
https://github.com/yoonghan/react-flip-page-use
javascript react-flip-page sw-precache
Last synced: 4 months ago
JSON representation
Use of react-flip-page with typescript and service worker.
- Host: GitHub
- URL: https://github.com/yoonghan/react-flip-page-use
- Owner: yoonghan
- Created: 2018-05-22T23:09:03.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-05-25T06:21:28.000Z (about 8 years ago)
- Last Synced: 2023-08-07T23:04:47.604Z (almost 3 years ago)
- Topics: javascript, react-flip-page, sw-precache
- Language: TypeScript
- Size: 313 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Use of react-flip-page
This program is used to host questions to participant. Participants are able to download a list of questions and flip through the pages, similar to flip-board. All these are enabled thanks to the library developed by react-flip-page.
## Library used
* Webpack
* Typescript
* React
* React-flip-page
* Service Worker
## Installation
Install nodejs. Execute the followings:
1. npm install
2. gulp
3. Codes will be generated in dist/
## Usage for development
As because the program runs as PWA, it must be disabled for development purposes. To run in development, these are the things to do.
1. Remove tag in src/components/Page.tsx.
2. In browser, open console and unregister the Service worker if exist. In chrome, Application -> Service Worker -> Unregister
3. Execute in command prompt
```
webpack-dev-server
```