Zac Hogan - Frontend Web Developer

Web development is a fascinating process!

The combination of technical problem solving, watching complex interactive systems at work, and providing real-world experiences to users is incredibly fulfilling.

I'm looking for a Junior Frontend Developer role.

I've been messing with computers my entire life. From tinkering with Half Life 2 mods as a teenager to diving into game design and development at University, I've tried it all.

For the past few years I've been managing the systems, services, and technology for a public library Makerspace. My life with tech has been one of self-teaching, finding the solutions that help me to meet my goals, and fixing things.

Now I'm back behind the keyboard, wearing out my angle brackets and curly braces as I work towards entering the industry as a Frontend developer.

Web

project - www.zachoGAn.com

A little portfolio site about me. Largely designed and developed from scratch, and with the help of a couple of external libraries.

Responsibilities:
The whole shebang - code, visual design, and UX decisions. Libraries listed below.

Languages:
It's got all the basic ingredients - HTML, CSS, and JS.

Libraries:
Using

Glide.js for image carousel,
Anime.js for the more complex animations.

Stack:
The page was developed locally using a LAMP server on a Ubuntu VM.
There's no real stack for the backend - it's all hosted on Github Pages.

project - curiosity journey [alphA]

View Site
A gateway into viewing images taken by NASA's Curiosity rover.

Curiosity landed on Mars in 2012, and has taken over 60,000 images using its 17 cameras. Nearly 11 years later, it's still travelling!

The basics:
This site queries NASA's public Mars Rover Photos API, extracts data from the resulting JSON, and presents it in list-form for easy navigation and viewing.

The mission manifest is fetched before the user interface loads, allowing the page to set hard limits on dates that can be selected, as well as providing information regarding which cameras were in use for each Earth date.

Further development:
The visual design of the page is a placeholder. Hyperlinks will be replaced with icons, and images will open in a lightbox/modal popup, with the option to open in a new tab if the user desires.
I plan to add an interactive 2D or 3D model of Curiosity that users can explore to get a physical sense of where each camera is.
I also hope to contact the Curiosity team to get locational data for Curiosity, which will allow me to plot Curiosity's location for each Earth date on a map, giving users a the ability to see where Curiosity is while they look at photos taken from that location.

More detail:
For source code see the Github repository for this project.

project - easyscrollto.js

A tiny JS library that I developed to quickly implement smooth scrolling to page sections driven by page links and buttons.

The basics:
This library links buttons with page sections via ID names. Once buttons or hyperlinks and their associated page sections have been named in accordance with this library's guidelines,, the script facilitates smooth scrolling to each section from anywhere in the page, triggered by button click.

There's an adjustable topNavBarHeight value to help you ensure that any persistent navigation bars don't obscure page content.

This is designed to be plug-and-play. Integration into your project is as simple as adding a few ID names to your HTML.

Further development:
I'm aiming to make this library easier to implement for developers across various projects by adding methods to allow a wider variety of class naming methodologies, and removing the need to edit the easyScrollTo.js to achieve this.

More detail:
For more details about implementation, see the Github repository for this project.

skills

Languages:
HTML - CSS - Javascript
Libraries:
jQuery - Anime.js - Glide.js - more
Tools:
Git - Github - Terminal - VMs - Lighthouse/Web.dev - w3 Validator - Windows/MacOS/Linux
Methodologies:
BEM

Web-adjacent skills

Passion for tech:
Experienced in building hardware/software solutions with the end-user experience in mind. Passionate about learning new skills.
2D Design:
Experience in design and illustration, Bachelors degree in Visual Arts.
3D Design:
Experienced in designing, rendering, and basic animation in Blender 3D.
Video and Animation:
Experienced in Premiere Pro and After Effects.

other skills

I've done a broad range of work in my professional and hobbyist life that has given me cross-disciplinary skills and understanding.

makerspAce

management, development, and design

From 2018 - present I've been the Makerspace Librarian at Auckland Central City Library. I'm responsible for the varied and unusual technologies we host in the Makerspace, as well as the services, processes, and design of the space.

During my time managing the Makerspace I've used my technical knowledge and drive to self-learn to develop interactive digital services for customers, always with a focus on maintainability for our less-tech-savvy staff.

My development responsibilities have included:

Makerspace Public Computers: The selection and configuration of software and tools to convert Dell desktop workstations into public computers. The key drivers behind decisions were low costs, user safety, minimal maintenance, and user friendliness.
Digital Displays: The selection of hardware (Raspberry Pi) and configuration of software to enable Library staff to easily display video playlists on any HDMI-capable display. The key driver was user friendliness and the reduction of time spent daily setting up individual display TVs and projectors with their own disparate user interfaces.
Video Wall: We were provided with a 9-TV video wall running software that was over-engineered for our purposes and for the technical savvy of many of our staff. I worked through solutions to settle on an (admittedly hacky - the budget was $0) but robust and simple solution that ensured that any staff member could load content onto the video wall.

I have also worked to develop the Makerspace from a bland and uninviting space to a visually and audibly exciting area of the library through the creation and implementation of distinct branding, eye-catching and effective signage and brochures, and spatial design.

design and illustrAtion

I studied Visual Art at the University of Auckland, with a partial focus on illustration and concept art for media. I've developed skills in 3D design and rendering, as well as 2D painting and editing in Photoshop.

I have a good visual eye which has been invaluable in supporting design decisions in my personal web development work.