https://github.com/jayeshlab/vue-page-note
A single page note taking application with rich text box with resize, rotate and move feature to take notes build with Vue.js
https://github.com/jayeshlab/vue-page-note
note-taking rich-text-editor vue vue-cli vuejs vuex
Last synced: 3 months ago
JSON representation
A single page note taking application with rich text box with resize, rotate and move feature to take notes build with Vue.js
- Host: GitHub
- URL: https://github.com/jayeshlab/vue-page-note
- Owner: JayeshLab
- License: mit
- Created: 2019-01-29T08:16:20.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2025-07-29T15:24:39.000Z (6 months ago)
- Last Synced: 2025-07-29T18:13:18.476Z (6 months ago)
- Topics: note-taking, rich-text-editor, vue, vue-cli, vuejs, vuex
- Language: JavaScript
- Homepage: https://jayeshlab.github.io/vue-page-note/
- Size: 2.41 MB
- Stars: 7
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Page Note
A single page note taking application with rich text box with resize, rotate and move feature to take notes. User can copy and paste their notes on page and edit/format the notes on the page and save it locally.
Features:
1. Create Pages
2. Add Text
3. Add Image
4. Google Fonts(Choose own Google font)
5. Emoji Picker
6. Text Foreground & Background color
7. Create Pages
8. Save locally in browser localstorage
9. Text Format
10. Text Align
11. Resize, Rotate and Move both Text and Image
12. Auto save on changes
13. Undo and Redo changes
More Feature Coming...
1. Saving to Google Drive
2. Bring Forward and Send Backward Text and Images
3. Add embedded videos links
4. Add tables
and more....
Build with Vue.js 2, Vuex
Demo: [https://jayeshlab.github.io/vue-page-note/](https://jayeshlab.github.io/vue-page-note/)
### New Vue3 version of vue-page-note is released
[https://github.com/JayeshLab/vue3-page-note](https://github.com/JayeshLab/vue3-page-note)
## 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
```