Alexander Grattan

I create playful experiences.

Portrait of Alexander Grattan

Alexander Grattan / Software Developer

My Blog

My Projects

Artificial Unintelligence

Artificial Unintelligence

Online multiplayer game where players compete against each other to create the funniest AI-generated images.

Tools used:

  • React/Next.js
  • TypeScript
  • Express.js
  • Socket.io
Food Phantoms

Food Phantoms

Web app to find if a restaurant on Doordash or Uber Eats is a ghost kitchen or a virtual kitchen where the food served originates from an unexpected establishment.

Tools used:

  • Preact/Fresh
  • TypeScript
  • Deno
  • Golang
Big Burgh Redesign

Big Burgh Redesign

A new design and construction of the Big Burgh app (not an official redesign) used to help Pittsburgh natives find resources such as food and shelter.

Tools used:

  • React Native/Expo
  • TypeScript
  • Styled Components
Secret Pittsburgh

Secret Pittsburgh

Website for the Secret Pittsburgh class at the University of Pittsburgh (ENGLIT 1412) dedicated to uncovering hidden spaces and unusual places in the city of Pittsburgh.

Tools used:

  • React/Gatsby
  • Tailwind CSS
Pitt CSC

Pitt CSC

Redesigned and developed the website for the Pitt Computer Science Club that helps advertise its efforts to support computer science and technology-related initiatives.

Tools used:

  • React/Gatsby
  • Tailwind CSS
  • Notion API
  • Framer Motion
Grademyaid

Grademyaid

Application that allows students to grade their college financial aid packages using data from the US Department of Education.

This was built for Pitt CSC Hacks, a competition sponsored by the University of Pittsburgh's Computer Science Club.

Tools used:

  • React
  • Framer Motion
  • Scss
Grosseries

Grosseries

A mobile app that helps individuals to track expiration dates and the inventory of their food, a group project for the University of Pittsburgh's CS1635 created with the app development framework, Flutter.

Tools used:

  • Flutter
Pollock Is Sh!t

Pollock Is Sh!t

Web app that manipulates image data to create a Pollock-like painting (because literally anyone could've been Pollock).

Tools used:

  • React/Next.js
  • Tailwind CSS
  • p5.js
Belly Button Chrome Extension

Belly Button Chrome Extension

Browser extension that helps developers and accessibility engineers inspect a website's buttons and determine if they follow HTML standards and Web Content Accessibility Guidelines (WCAG).

Tools used:

  • HTML
  • CSS
  • JavaScript
  • Chrome API
Allegory of the Cave

Allegory of the Cave

An experiment where I created an audiovisual experience with an interactive 3D sun. Created for the University of Pittsburgh's ENGCMP 1130 class.

Tools used:

  • HTML
  • CSS
  • JavaScript
  • Three.js
Virtual Safari

Virtual Safari

A recreation of Timon and Pumbaa's Virtual Safari, a choose-your-own adventure from The Lion King DVD.

I edited the choices into individual clips using the video editor, DaVinci Resolve, and used JavaScript to develop the site interaction.

Tools used:

  • HTML
  • CSS
  • JavaScript