Create A Scratch Pad Using LWC

Everyone takes notes now or then so do our Salesforce users 🙂

Standard notes taking approach involve clicking on the New button, writing, and then clicking the Save button. Scratch Pad will allow users to quickly take notes on the go without the hassle of any clicks.

This can assist users such as Service Agents who are on the call and need to quickly write a few casual and informative pointers which may be required for their own usage.

Below is the component diagram and description of our LWC components.

c-sp-app-wrapper

This acts as a wrapper for the underlying components.

c-sp-header

It contains the branding image along with the c-sp-status component.

c-sp-status

It will show user success, processing, and error status.

c-sp-burger-menu

It will contain a menu to clear the scratch pad or save the content to standard notes.

c-sp-writing-area

It will let users write their thoughts to it with an auto-save feature handled using debouncing.

Also, we have created one custom object named Scratch_Pad__c and a message channel named spMessageChannel for this Project.

Here is the repo for this project – Scratch Pad where you can see the real action. Please explore it and if you have any questions feel free to reach out to me 🙂

In the below video, you can see the user experience of using Scratch Pad.

Thank you for visiting SalesforceBlue.com
If you have any queries feel free to write down a comment below 🙂