portrait

Ian Gornall

portrait

Hi, I'm Ian Gornall.

As a teacher, I used apps to drive instruction.
Now, I build apps as a web developer.
I enjoy running and tennis.

Projects

Gemini Group
Gemini Group
Ninja vs Zombies
Ninja vs Zombies
DIYHub
DIYHub
Color Addiction
Color Addiction
Hidden Gems
Hidden Gems
Jetpack Math
Jetpack Math
Gummi Gram
Gummi Gram
Wikipedia Viewer
Wikipedia Viewer
Calculator
Calculator

Contact Me





You may use this form to contact me, or you can send me an e-mail at ian.gornall@gmail.com.

Gemini Group

Live SiteGithub

JavaScript

HTML5

A professional website for a rent to own company, built independently

Features:

  • Coded using React with reusable components
  • Web forms directly linked to Google Sheets
  • Backend and content management with Podio and Globiflow
  • Responsive design using flexbox and React state

Ninja vs Zombies

Live SiteGithub

JavaScript

HTML5

A platformer built with Phaser 3. Independent Project

Accomplishments:

  • Implemented a gaming library built with object oriented javascript
  • Built multiple scenes to display loader using scene manager
  • Tweaked physics to work with large sprites
  • Used tiled to create levels with multiple layers and objects
  • Created tween animations
  • Added sounds and music

DIYHub

Live SiteGithub

React.js

Node.js

Express

PostgreSQL

Git

Collaboration built with React / Redux / Express / PostgreSQl.

Personal Responsibilities:

  • Implemented material search using Amazon Product Advertising API
  • Handled image previews with state and lifecycle methods in React
  • Used Redux to handle global state, i.e. user status
  • Created custom middleware for image resizing with Sharp from image uploads handled by Multer
  • Made dynamic queries for data across join tables

Color Addiction

Live SiteGithub

Node.js

Express

PostgreSQL

Git

Collaboration built on Express and PostgreSQL.

Personal Responsibilities:

  • Created routes and queries to for handling scores in database
  • Implemented interact.js drag and drop and color mixing libraries
  • Set up scoring system with timers

Hidden Gems

Live SiteGithub

HTML5

CSS3

JavaScript

Google

Website built in an agile group of three software engineers in one week. Firebase: auth & database.

Personal Responsibilities:

  • Set up and implement Google Search and Map APIs.
  • Populate DOM with elements holding information from Firebase Database.
  • Flash message implementation with success and error feedback.
  • Database security rules.
  • Data filtering by type and search.
  • Pagination.
  • Layout modification for mobile.

Jetpack Math

Github

Python

Git

Video game for learning basic math operations. Built entirely by me using Python 2 and pygame.

Featuring:

  • Jet pack physics with gravity and thrust
  • Sprite animation
  • Collision detection
  • Fully resizable windowed mode
  • Full screen mode
  • Randomly generated math facts and solutions
  • Randomly generated decoy answers
  • Scoring and life system

Gummi Gram

Live SiteGithub

HTML5

CSS3

JavaScript

Git

Feast your eyeballs on delicious gummi goodness. Project built entirely by me using vanilla HTML, CSS, and JavaScript. Featuring:

  • Full Screen API
  • Swipe detection with HammerJS
  • Carousel modals
  • Responsive mobile-first layout
  • DOM population from a JS object
  • Lightbox and shadow effects
  • Transitions on and off screen

Wikipedia Viewer

Live SiteCodepen

HTML5

Bootstrap

jQuery

A pretty interface for fetching wikipedia data. Entirely coded by me.

  • Interfaces with Wikipedia API
  • Uses Bootstrap with Bootswatch theme for quick styling
  • Uses jQuery for quick coding

Calculator

Live Site

HTML5

CSS3

JavaScript

jQuery

A basic calculator web app. Built by me. Features:

  • Styled to look like an actual calculator with push buttons
  • Functional operations, clear buttons
  • Built to specifications on freeCodeCamp.