calligraphy is a project made to generate calligraphy practice sheets. Each sheet generated focuses on a specific font (provided by Google Fonts), allowing users to download dynamically generated sheets on the fly.

Design

Pages are dynamically generated by the browser. No backend needed.
Fonts are dynamically fetched and loaded from Google's Font API
- Fonts are converted to base64 and placed in the PDF as needed.
Page sentences can be dynamically generated as needed, or typed in by users
Customizable
- Font Family
- Font Color
- Font Opacity
- Font Size
- Guideline Opacity
- Guideline Color
- Guideline Style

Method

Vue.js is used to manage all of the UI. Material Design is the CSS framework used to design this web application.

Local Deployment

Project setup
- npm install
Compiles and hot-reloads for development
- npm run serve
Compiles and minifies for production
- npm run build
Lints and fixes files
- npm run lint
Customize configuration
- See Configuration Reference.