I create playful experiences.

My Peep

Alexander Grattan / Software Developer

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:

  • Next.js
  • Tailwind CSS
  • p5.js
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:

  • 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
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
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