Hello!

I'm Payton Harris, full-stack software engineer with a focus on React and iOS Swift.

Projects

Personal Site

paytonharris.com

A business card style site with links reach me.

View the code on GitHub.

It's written in React and hosted using AWS S3, CloudFront, and Route 53.

Unheard Noise

View on unheardnoise.web.app.

A React site that plays a random highly-rated album to wake up your senses to something beautiful you've never heard before.

First, I created a Node.js script to scrape highly-rated albums from my favorite critic's site using cheerio.js, then placed the results in a Cloud Firestore database. Then I created an API endpoint using Cloud Functions which retrieves a random album from the Firestore database. The website uses this endpoint to get the name of a great album, which it uses to search the YouTube API for the first video result, and then plays the video.

Check out how the background color of the site changes over time. Every 30 seconds, it chooses two new random colors to use as a gradient, then slowly fades to it. This creates lots of colorful combinations over time, and is probably my favorite thing about this project.

The randomness of the YouTube result adds another sense of adventure to the site. Sometimes you get the full album; other times a review of the album or an interview.

This idea could also be used for great movie clips, lectures, philosophers, and so much more, simply by adding more entries to the database.

Secret: Press h on the website to hide the video player for added immersion and surprise.

View the code on GitHub.

Groupgram Chat App

A React Native / Redux app where users can create groups, chat, share pictures, and like posts. Users can take pictures directly from the app, and other users are notified to the new message via push notifications. It uses Google Cloud for authentication, Firestore for chat data and group metadata (likes, title, members, etc.), and Cloud Storage for images. My family used this app to document building our back deck.

Collector

A React puzzle game themed around writing programming commands by sifting through memory garbage.

Notice how the text on the home page becomes scrambled over time, like memory becoming corrupted.

Hosted on Google Cloud here. View the code on GitHub.

Password Generator

A simple React site that generates passwords based on specific rules. I made this for some friends who reset passwords daily and previously had to make up new temporary passwords manually. This saves time, energy, and increases security since many people would use the same temporary password for everyone to save time.

Hosted on Google Cloud here. View the code on GitHub.