Vue 3 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 in browser's IndexedDB.

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 IndexedDB
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
14. Text and Image Arrangement Options

More Feature Coming...

1. Saving to Google Drive or sync to cloud indexeddb
2. Add embedded videos links
3. Add tables and more....

Build with Vue.js 3, Pinia, Typescript, GoogleFonts, localforage

Demo: https://vue3-page-note.vercel.app/

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint