I create playful experiences.

My Peep

Alexander Grattan / Software Developer

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
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
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
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
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
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
Green Pages

Green Pages

Cooperated with another developer and two pharmacy students to create a website that tracks cannabis strain availability in the Pennsylvania area. Helped create the REST API and backend with Django Rest Framework.

Tools used:

  • React
  • Django
  • Scss
  • Redux
  • Framer Motion
  • Heroku
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
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