Code Copier (Web Extension)

Web Extension
JavaScript
Vue.js
HTML
CSS3
gulp.js

Every programmer copies code from Stack Overflow. Browsing through different websites trying to find a solution to your problems, fixes for bugs.

Code Copier is a web extension which copies any contents inside <code> and <pre> tags when users right click on it. With an extenson window (which is called popup) to show the most recent 10 copy records, with website link where the code snippet is copied from. Available for download on Google Chrome Web Store and Mozilla Firefox Add-ons website.

To briefly describe the technology stack: Popup is written in Vue.js and SCSS, while other contents such as content script and option page is written in vanilla JavaScript. Browserify, Babelify and gulp.js is chosen for building both Vue.js and vanilla JavaScript code. Node SASS, cpx and npm scripts are also use in building the project.

Key Visual of Code Copier
Screenshot of "Right click to copy" functionality
Screenshot of "History" functionality