fitzhavey / website

Hi there 👋

How this works

A lambda returns a random programming related gif to be shown on my github page. This updates every few minutes as github's camo proxy is part of the site's rendering pipeline and provides some inescapable caching.

Terraform

The lambda, s3 bucket, api gateway, and related resources are configured in the /terraform directory.

Lambda

The lambda uses the giphy API with the search term "programmer" to return a random gif.

website's Issues

Design Improvements

Changes

• center align text directly beneath hero image
• reduce header shadow on scroll
• replace tooltips with bootstrap tooltips

Add work history to about me section

Changes

add the following work history and skills to the existing about me section

• Bin Weevils

  • game design
  • user experience
  • sign up path compared to competitors

• Module Media

  • SEO
  • design
  • meeting clients and live code
  • ransomware

• Oneflow

  • Agile
  • git
  • team
  • Node.js

Deployment

Basic

• host on firebase
• add url to repo

Advanced

• purchase url and swap for firebase link
• use continuous integration to deploy website on pull request merge to master
• Fix site for www.michaelfitzhavey.com
• add google analytics

Add about me section

Sections

• education
• work history
• geography

Fix routing for www.michaelfitzhavey.com

Bug

• www.michaelfitzhavey.com doesn't redirect to michaelfitzhavey.com and so does not resolve

Resolution

• use the firebase hosting tab and the google domain's page to configure this.

Add Portfolio

Link to past works

• hosted medes
• this is soho
• hosted jjn
• link to carnaby street
• location-ui (screenshots)
• workforce-ui (screenshots)
• shipping-ui (screenshots)
• companies house tracker

Potential Improvements

Content

• professional projects (see fig #1)
• pluralsight / edX courses
• messing around with A Frame and AI
• teaching other students at school
• managing github/holistic-web with friends
• content from talent.io

Design

• integrate with unsplash for sweet backgrounds
• add links to socials in the about me section

Get in Touch

• add a get in touch section (button in header?) with a method to contact me

Animations

• have icon move from centre of screen to header when user scrolls past a certain point
• ticking cursor at end of name (maybe types to animate it?)