Thanks to CJ Coding Garden 💖

Original Repo https://github.com/CodingGarden/clipboard-elephant

Clipboard 👋

---

Setup

cd app
npm install
npm start

---

Agenda

• What is Electron?
• Clone Electron QuickStart
• Create Tray Icon
• Hide/Show Window when Tray Icon Clicked
• Hide window chrome
• Re-position window by tray icon when shown
• Install Bulma and Vue
• Create Vue instance in renderer.js
• setInterval to see if new item added to clipboard
• Store text of clipboard in history array
• Show history in window
  • Show in reverse Order
• Click item in list to set clipboard
  • Move item to end of list
• Maybe animation ?

Stretch

• Show notification
• Build app for download/distribute
• Store history in nedb
• Store image copy in history
• Settings to disable or change sound
• Odd-even color rows
• Syntax highlight snippets
• Settings -> max number of history items to keep
• Tagging snippets
• Searching/filtering
• Show nicely formatted date
• Fix overflow text css
• Navigate with arrow keys, copy item with enter

Icons made by Freepik from www.flaticon.com