MY Projects

A curated selection of experiments in web development and beyond..

Black Helicopters

A small, simple game about heroism and skill. A fun break from web development.

Screenshot of project
Description
The project is a web-based game where players pilot a helicopter through various obstacles. Developed using the Phaser JavaScript framework, it facilitated the creation of interactive gameplay. This endeavor marked my initial foray into video game development, diverging from my usual web development projects. It involved designing game assets and implementing sound effects. My introduction to the engaging world of game design.

Nannette Design

A website for a clothing designer. Single-page layout with simple graphics and art provided by the designer.

Screenshot of project
Description
Simplicity with a personalized touch. A single-page layout that captures the essence of clients work, using straightforward HTML/CSS/JS and the clients own artwork. This site serves as both a personal profile and a digital showcase of the designers fashion vision. I also took the opportunity to further hone my skills by adapting the design to Webflow, to stay up-to-date with the latest web development tools and platforms

Erickson Tree Service

A fully responsive marketing website designed with interesting visuals & subtle scrolling animations to keep visitors engaged.

Screenshot of project
Description
The Erickson Tree Service website stands out with its full responsiveness and user interaction based visuals. Designed to keep potential clients interested, the website employs subtle scrolling animations that guide users effortlessly towards the contact section. This project was crafted using NextJS, enriched with GSAP animations, and provided a valuable learning experience in image layering, positioning, and creating scroll-triggered animations.

Give Me Gills

An artistic expirement with different type of layout than the standard website.

Screenshot of project
Description
For this project, I created a profile website from scratch, incorporating the clients artwork into a layout that is different from the usual templates. I gave Svelte a go for the first time and found it user-friendly. The website turned out well, with some cool animations and smooth transitions that were fairly easy to implement. In the end, the site is a reflection of the clients creative spirit, brought to life through a web experience that is as unique as their art.

Mileage Calculator

Adds the miles and the time in transit

Screenshot of project
Description
To track the mileage and commute time for my work journeys, I developed a project that also allowed me to explore the intricacies of OpenStreetMap and other open-source mapping tools. The project was developed using lit-element, focusing on web component creation. It was an insightful experience learning about the shadow-dom and geolocation API. The mapping aspect was handled using OpenStreetMap for the base layer, with Mapboxs navigation API adding the capability for detailed direction plotting.

Jobs Overview

A list of currently active jobs and due dates associated

Screenshot of project
Description
This widget upgrades a legacy CRM, showing sales reps their current jobs and customer info. It is a handy tool for sales managers to track job progress, with easy job additions, task assignments, and deadline alerts. Jumping into Vue JS for this was a neat experience. It was my intro to component-based frameworks, and Vue made it straightforward with cool features like animations and two-way binding. I have since reworked this project in other component-style frameworks.