I create playful experiences.

My Peep

Alexander Grattan / Software Developer

Projects

Conor Lamb for Senate

Conor Lamb for Senate

Website for a congressman entering the 2022 Pennsylvania Senate Race.

Tools used:

  • Gatsby
  • Twin.Macro/Tailwind
  • Locomotive Scroll
  • Framer Motion
McCaffery Encore

McCaffery Encore

Marketing website for a luxury apartment complex in Downtown Pittsburgh that connects directly to their apartment availability and application portal.

Tools used:

  • Gatsby
  • Twin.Macro/Tailwind
  • React Query
  • Framer Motion
Autos2050

Autos2050

Automotive industry convention website that hosts various webinars, podcasts, and presentations.

Tools used:

  • Gatsby
  • Tailwind CSS
  • Sanity.io
  • Framer Motion
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
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
  • Sass
  • 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
  • Sass
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
  • Sass
  • 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