KnowThyDrink.com - cocktail recipes with nutrition & more

Allow me to introduce www.knowthydrink.com!

KnowThyDrink is a cocktail database with a collection of features that were minimal or non-existent with other apps I found:
• Edit any recipe easily, and then save and share the new version, or create any recipe from scratch
• View any cocktail’s nutritional info
• Search, sort and filter by nutritional values; for example, find cocktails that use rum, that are less than 150 calories, and don’t contain tree nuts or milk.
• Add recipes to your ‘favorites’ for quick access
• Build your home bar inventory and search for recipes you can make based on what you have on hand

Now that I’ve launched, over the next few weeks I’ll be adding:
• More ingredients
• More recipes
• A focus on themes & categories, like ‘Christmas cocktails’, ‘Skinny Cocktails’, ‘Keto-friendly’, etc
• Mocktails (Virgin / zero-proof cocktails)

3 years ago I had this idea, and knew nothing about programming / NoCode. I stumbled upon Bubble by accident, actually here on the forum, and decided to give it a go. I have learned so much (and still so much to learn!).

I worked with Artur H to develop the UI/UX, who I met here in the Bubble forums- his ideas were integral to understanding the user experience, and his designs elevated the entire app.

I’d also like to give a special shoutout to @NoCodeDataArtisan - in addition to the DragIt plugin, Mehrdad has been more than helpful these past few months helping me wrap my head around JSON and implementing the JSON Assistant plugin, which vastly improved WU usage.

Please dig in and let me know your thoughts! (and if you do happen to encounter a bug, or something not quite working like you’d expect…please let me know so I can address it :sweat_smile:)

5 Likes

Congrats on the launch, Matt! :tada::tada:

It’s amazing to see how far you’ve come with KnowThyDrink. The app looks incredible, and it’s clear you’ve poured so much passion and effort into making it user-friendly and innovative.

Thank you for the kind shoutout—it’s been a pleasure collaborating with you and seeing the creative ways you’ve implemented the tools.

Wishing you continued success and growth with this project, and I can’t wait to see all the new features and themes you have planned.

Cheers to an amazing journey ahead! :clinking_glasses:

1 Like

Hey there, I’m trying to do a similar function with typing an items name, getting suggestions, clicking the suggestion then being able to save that in the input. I’m really going around in circles - can you give me any tips on how you’ve done this please?

Hi Archie,

Are you referring to this setup for adding an ingredient to the recipe:

Yes, exactly that

1 Like

Happy to help!

So that input/suggestions dropdown is actually Bubble’s native Searchbox element under the ‘Input forms’ section:

In my case I have it searching my database for ‘Ingredients’, and the field it’s searching is that datatype’s IngredientName:

From there, once an ingredient is selected, I can refer to that Searchbox’s value, in this case my searchbox’s name is ‘Search Add Ingredients Bottom’, so anytime I want to use the searched for / selected ingredient, I just refer to ‘Search Add Ingredients Bottom’s Value’. In my specific use-case, I’m adding that ingredient + qty / unit to the recipe, so I have a workflow when the ‘Add to Recipe’ is clicked to create a new line-item on my recipe’s ingredient list (for example, if you had another datatype of ‘Recipe-Ingredient’ where the recipe, quantity, etc is created as a separate line item, and then added to the list of ingredients on the recipe itself.

Ah, thank you so much. The way I was trying to do it was more complicated than this! I was using an input and RG for the options to select.

In regards the nutritional panel are you using a plug in for that?

1 Like

I have my own database in Bubble as there is surprisingly little nutrition information available around spirits, liqueurs, etc, but there are APIs available that pull from public sources.

And if you’re referring to this view:


That is also custom built, just using standatd text elements and referring to the line item data totals.

Thank you so much.

I have another question, I save my ingredient lines to my users recipe but when creating a new recipe the previous ingredients still show in my RG. I assume you were using an RG to display your recipe lines once they are added - what am I doing wrong? I’ve set up a workflow to reset inputs etc. Sorry am pretty new to this and really appreciate your help!

Feel free to share screenshots of your current workflow - my final step is ‘Go to page’ → Current Page → (newly created recipe).