jessicag / fluffy-search-email

https://cocktail-search.glitch.me

Welcome to the Algolia Cocktail Search

Algolia is a hosted search api that gives you access to instant search experience by just setting a few variables. Take data you want to use and make it searchable!

SendGrid is a cloud-based SMTP provider that allows you to send email without having to maintain email server.

Twilio is a cloud powered API that allows developers to quickly and easily send SMS messages to their users, and establish a two way conversation.

We are using the Algolia Instant Search wrapper for javascript, with faceting filters and search for faceted values.

We are using the SendGrid Inbound Email Webparse hook, that parses attachments and contents of incoming emails.

You'll need an Algolia account and a SendGrid account when you remix this project.

Made from your friends at Algolia

Happy searching! ＼(＾∀＾)メ(＾∀＾)ノ

fluffy-search-email's Issues

Josh feedback

• make the subject lines unique (containing the cocktail name)
• make the very first text the instructions so it's easy to scan immediately and will show up in previews.
• put glassware after that and then measurements and then the image. Category doesn't seem too important, could go at the bottom or I would leave it out
• remove emojis in body, add into subject line instead

Add ability to star a recipe

Add star to each recipe; allow user to star a recipe they like, show on sidebar (or under profile) starred recipes.

Options:

• use cookies to detect user and show stars
• add oauth (twitter?) to attach recipes to username

[FEAT] Add sidebar for faceting

• add a sidebar to filter coktails by ingredients and type? "Soft Drink" + "Apple"?

Play into SFFV

Style Changes

• Increase picture size
• Add header around drink image
• Add email me icon for user to send cocktail recipe to their email
• Add credits to bottom of page for data from cocktaildb

Set up randomization of drink email

If a user sends an email to [email protected]; use the cocktaildb api http://www.thecocktaildb.com/api/json/v1/1/random.php

Add button to UI to connect randomization email

Instructions for Email only

Write in instructions for how you can send an email at any time to [email protected] with subject line of your drink

Add faceting on categories

Add faceting filtering for drink categories

Connect email to Algolia data

Currently using the cocktaildb api to grab the recipe via query.

Instead; take objectID from user input and call Algolia for data, then take response to email user.

[FEAT] Change Email and recipe display

Removing the "Drink details" button and the heart. Instead, making the whole result clickable (title + picture). When clicked, it adds a layer on top of the result with the details and at the bottom the input form "You like this drink? Receive the recipe by email"

Drink details could be modal or on hover like below:

Save the email address in localStorage the first time the user is submitting it, so you can pre-fill it on other clicks. First time it will be an input where the user fills their email. Second time it can be a button with "Send it to [email protected]" and a small text "Change email address?" that will replace the button with the input again

CSS/small changes

• Reduce header size so images are not below the fold
  
• For text highlighting: bold + change the color of the highlight. Italic is not visible
• clicking on the whole result (or at least the image) should display the details
• opening the details should be in a full page modal
• make ingredients (not just title) searchable
• add to email caveat: "will only be used to send cocktails recipe and will not add them to Algolia mailing list"