Sample Projects
Have a look below at some of my highlighted projects!
Responsive front-end for a user self-service area.
To implement a reponsive, mobile-first design, I used a Sass architecture and the BEM naming convention. I also used SVG sprite sheets to add icons to the interactivity. I also implemented many JavaScript features, such as alert pop-ups, form validation, autocomplete. I used the chartJs library to render the data visualisation and implemented data persistence with Local Storage. Version control with Git and Github.
Technologies: HTML, CSS, Responsive design, SVGs, Sass, BEM, JavaScript, chart.js, localStorage (simuating a database link), Git, Github.
Responsive front-end for an intranet employee directory.
To implement this reponsive design, I used a desktop-first approach, as most users will be on a desktop. I implemented the layout with CSS Grids and the modal icons are from the Font Awesome library. I also implemented advanced front-end JavaScript features, such as modals and a filter searching both First and Last employee names. The data is loaded asynchronously using the fetch API, from a remote publix API (randomuser.me).
Technologies: HTML, CSS, CSS Grids, Responsive design, BEM, JavaScript, Async JS, fetch API, Public APIs, Git, Github.
Responsive front-end for a Photography/Design gallery.
To implement this reponsive design, I used a mobile-first approach. I implemented the layout with CSS Grids. I also included a filter for the images that looks up both the photo description or its captions. I used a jQuery plugin for the picture lightbox.
Technologies: HTML, CSS, CSS Grids, Responsive design, JavaScript, jQuery, Google Fonts, Git, Github.
Implementation of a Game Show front-end.
To implement this game design and functionality, I used vanilla JS and CSS. I implemented DOM manipulation techniques and well organised and elegant functional logic to make an interactive and fun user experience (UX). Version control with Git and Github. Deployed to Github Pages. Give it a try! The quotes are worth heaps.
Technologies: HTML, CSS, JavaScript, DOM manipulation, Git, Github, Github Pages.
Contact
General Information
I am often looking for new web work, as well as speaking and writing gigs. If you'd like to get in touch to check on availability or have any questions, please don't hesitate to contact me!
Please only use phone contacts for urgent queries. Otherwise, LinkedIn and email are the best ways to reach me.