This page is to showcase some front-end components I've made. All of these are built by me using only JavaScript and jQuery. Some of them are based on components I made when on the job, while others are personal projects.
These components are responsive as well! Try viewing them in mobile view and in dark mode.
Components on this page:
You may have noticed that there are two toggle buttons below the navigation at the top of the page. The first will change the page from day to night mode, for a darker theme that is easier on the eyes. The other will turn off animation effects for the text for those who are bothered by too much motion. Try them out on the other site pages!
In addition, all components on this website are responsive, apart from the LCD game. Try viewing this site on a mobile device or resizing the window to see how responsive design affects the page.
In addition, all components on this website are responsive, apart from the LCD game. Try viewing this site on a larger screen to see how responsive design affects the page.
This is a small game made in pure JavaScript, based off of LCD screen games of the past. Click the left and right buttons to move the boat and catch the falling parachuters. Catching one will increase your score, and missing three will end the game. The game becomes progressively faster the more parachuters you save. The font used is Digital 7 by Style-7.
You have successfully ordered Dinner
Click the button below to "order" a product. This will display a modal window. These images are from Wikimedia Commons under a Creative Commons license.
$10.99
.jpg)
These product cards are responsive. Try resizing the window or viewing on a mobile device to see changes in layout.
$14.99
This "card" style layout is based on similar components on bell.ca. Packages for TV and Internet come in a similar, easy to understand layout.
$19.99