Features
I use this website as a way to test out a few code libraries and Web APIs. Afterwards, I incorporate some these features into Worlds iVue and other websites I develop.
Gamepads
I integrated the Web Gamepad API into my website with joypad.js so that visitors can freely use a PS5, Xbox, Nintendo Switch, and other controllers with my website.
Barcode Reader
This page is capable of reading values from Barcodes and Qr Codes. It uses the "vue-qrocde-reader" dependency to do so.
QR Codes
This page uses the "qr-code-styling" dependency to create QR Codes for this website. There is a QR Code tool that pops up with (CTRL + Q) or on the bottom left of the Navigation Menu.
Install Website
I used the "Vite PWA" dependency to build a service worker for my website so that I can install and fully utilize my website offline.
Wake Lock
This website can effectively use the Screen Wake Lock Web API so that the laptop does not go to sleep naturally when enabled.
Documents
I used multiple modules to display my resume and other documents on this website. This includes using PDF.js to natively display the PDF as a whole and the "unplugin-vue-markdown" plugin to display my resume in a markdown format.
tsParticles
The background that you see behind many of the pages was generated with this module. It can make all sorts of backgrounds for a website with MANY customization options.
Google Mockup
This is a simple project I give to new frontend developers to introduce them to Vue.js development. This page helps me out a lot.