Creating Untappd for Coffee with AI

- 2 mins

What is Mug Shot?

MugShot is a coffee social media website that allows me to track the coffees I have, inspired by Untappd. With the help of AI, I was able to quickly get a first version of this up and running. Now, I can share the coffees I drink with my friends, see what nearby cafes others are enjoying, and more.

Some of my Favorite Features

Feed

Coffee feed

Infinitely scrollable feed of you and your friends’ coffee posts.

Nearby Cafes

Nearby Cafes

Google Maps powered map of nearby cafes, with the average user rating and number of checkins (posts).

Search Coffees

Search coffees

Search and sort the database of coffee beans to discover new coffee beans. The same functionality works with coffee roasters, cafes, brew methods, and coffee grinders.

Profile Pages

Profile page

Users can upload their own profile and banner pictures, set a bio, and view stats of their lifetime coffees.

Cafes visited by user

Similar to the nearby cafes page, but specific to a single user. It shows all the cafes you have visited in the world.

Profile page rating distribution chart

Scrolling down more on the profile page, an emoji is present that changes based on how many coffees the user has drank in the past 12 hours. Also, a rating distribution chart of the user’s ratings is shown.

How was it built?

The backend (Go) and frontend (React) are both hosted in GCP, although the SQL database lives elsewhere due to free tier limits on a true SQL database in GCP.

It’s using these products in GCP:

Using Google Antigravity

I chose to use Google Antigravity as my AI coding platform over others, because it has generous rate limits and is very similar to Cursor.

Future plans

I am continuing to improve performance and add features to the website, and I would like to create a mobile app version as well. This is part of the reason I chose to write the website in react, to make the conversion to a mobile app easier in the future. Eventually, I would like to open the site for more users; I will write another post here when the time comes.

Drew Halverson

Drew Halverson

Software Engineer at Google, Ex Palo Alto Networks, Ex Amazon

rss facebook twitter github gitlab youtube mail spotify lastfm instagram linkedin google google-plus pinterest medium vimeo stackoverflow reddit quora quora