Free-Write

Introduction

Exploring how Quill rich editor works on a React web app.

Basic Features

• Able to change header and font
• Able to customize text such as bold, italic, underline, stroke, blockQuote, codeBlock
• Able to add number or order lists or alignment
• Able to change background and text color
• Able to add pictures/link
• Able to redo with 200 stacks
• Able to save previous progress using localForage (refresh the window without losing progress)
  • localForage is built on top of IndexDB

Reference:

• React-Quill: https://www.npmjs.com/package/react-quill
• localForage: https://github.com/localForage/localForage