Ken from MastermindJam

Founder, MastermindJam

Crowdsourcing and Upvoting App for Startup-themed Coffee Names

Okay, so it was easier than I expected it to be to set up a simple upvoting/poll app. I spent three long evenings and a full Saturday making an app to help me pick names for some new startup-themed coffee products I'm going to be selling later this month.

The naming/upvoting app uses these four tools:

  1. Airtable
  2. Softr
  3. Bannerbear
  4. Zapier

I started with Softr's generic upvoting app template. The app has user signup, login, forgot pwd, voting, item lists, and item details β€” all using basic Softr components. All the membership components I needed without looping in anything else. Excellent.

Next step: I wanted to create a custom product mockup every time a new product idea is added.

I used Bannerbear for this, so each item submitted can have its own set of images customized to that item. Bannerbear creates a social share image, and two different product images (one with white bg, the other transparent bg).

Here's what those look like:ο»Ώ
ο»Ώ

Bannerbear makes these as a result of a Zapier zap that fires when a new Airtable entry is added. I save the urls to these images in Airtable.

Softr allows me to have columns in my Airtable telling it what social share image it should use for every item in the database table (as well as all of the other relevant SEO and social/open graph data fields).

Lastly, after some Airtable formula gymnastics I added a sharable Twitter link in each product description:
ο»Ώ
ο»Ώο»Ώ
ο»Ώ


After spending maybe too much time tinkering with colors and stock photos, it was ready to go!

Here’s a link to my finished app:
ο»Ώ ο»Ώ

PS: I should also mention how/where I got the art for the product mockup images...

The bag image is this (commercial license, of course):
Kraft Coffee Bag PSD Mockup on Creative Market

I edited the bag mockup with Pixelmator to hide the circular bag valve and add a white label.Β  Aside: I prefer to use Pixelmator over Adobe Photoshop because Photoshop makes my laptop wheeze and get unusably slow.
Like Comment