Web Reader By Vue + epub.js

a responsive web Reader practice

Final effect on mobile devices:

homepage screenshot

Final effect on PC:

Screen-Shot-2018-10-23-at-4-18-58-PM

See final Web Page at here

Try it on a mobile phone ; )

Screen_Shot_2018_02_23_at_2_59_35_PM


Key point

  1. a project built by vue
  2. rem-based layout
  3. Scss
  4. Responsive Design
  5. webpack
  6. epub.js

Function

  1. previous page/ next page
  2. show menu & setting
    1. Index
    2. jump to by progress bar
    3. Theme
    4. Font size

Usage

install dependencies

npm install

serve with hot reload at localhost:8080

npm run dev

build for production with minification

npm run build


Full page Screenshot APP: Awesome Screenshot for Safari

Example epub file: Springer Open