I create playful experiences.

My Peep

Alexander Grattan / Software Developer

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
Open SiteView Code
Pollock Is Shit

Pollock Is Shit

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
Open SiteView Code
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
  • Drupal
Open SiteView Code
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
Open SiteView Code
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
Open SiteView Code
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
Open SiteView Code
Resu.me

Resu.me

Steelhacks hackathon winning website that acts as a resume repository for students and employers.

Built the website and app in 24 hours with three other teammates.

Tools used:

  • React
  • Express
  • Scss
  • Heroku
Open SiteView Code
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
Open SiteView Code
The New York Times Critic's Picks

The New York Times Critic's Picks

A website that showcases movies that The New York Times considers critic's picks. Uses the newspaper's REST API in order to gather the data.

The cards can be sorted in multiple ways and each link to the corresponding review on The New York Time's website.

Tools used:

  • React
  • Framer Motion
  • The New York Times API
Open SiteView Code
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
Open SiteView Code