Delivering a superior search experience with Algolia ;)

[redox]

Hi Thomas,

I've discovered your http://glyphsearch.com/ website on HN; that's totally awesome! I can't count the number of times I open my browser on fontawesome.io or getbootstrap.com to find an icon. That's just what all developers need :)

I took the liberty of forking your project to plug Algolia's Search API and provide a better search experience. To achieve that, I've created a free Algolia (http://www.algolia.com) account for you (I'll send you the credentials privately).

New features includes:

• a typeahead.js based search field auto-completion
• highlighting
• typo-tolerance
• matching fields priority (matching on the name is better than matching on the tags)

I tried to follow your coding conventions and project architecture. (more details in the commit logs)

I hope you'll like it !

[thomaspark]

Hey Sylvain. First off, wow! Thanks for your pull request and setting me up with an Algolia account. Lots of awesomeness here. Here are my thoughts.

• Typeahead and auto-completion: These are well done, but I don't think are a good fit here. The dropdown fills a similar role to the filtered results and competes with it for attention. Auto-complete pushes the user down the path of finding a single result (by suggesting a full class name), but I see GlyphSearch as useful for browsing and comparing multiple icons, and this can be quite distracting for that. Can you remove these from the PR?
• Highlighting: I really like this feature, and the addition of tags. Before, it wasn't clear why a query matched certain icons. Definitely keep this one.
• Typo tolerance: Great.
• Matching field priority: Great.
• Order: Can we keep the icons alphabetical when no query is made? This gives much needed order to the icons when browsing.
• Style: What was the reason for removing the span classes and increasing the font size? Is it to accommodate the tags underneath the icons now too? I thought the previous size was a good tradeoff between giving the icons visibility and density.

Thanks in advance. Can't wait to see these features go live!

[thomaspark]

Hey Sylvain. First off, wow! Thanks for your pull request and setting me up with an Algolia account. Lots of awesomeness here. Here are my thoughts.

• Typeahead and auto-completion: These are well done, but I don't think are a good fit here. The dropdown fills a similar role to the filtered results and competes with it for attention. Auto-complete pushes the user down the path of finding a single result (by suggesting a full class name), but I see GlyphSearch as useful for browsing and comparing multiple icons, and this can be quite distracting for that. Can you remove these from the PR?
• Highlighting: I really like this feature, and the addition of tags. Before, it wasn't clear why a query matched certain icons. Definitely keep this one.
• Typo tolerance: Great.
• Matching field priority: Great.
• Order: Can we keep the icons alphabetical when no query is made? This gives much needed order to the icons when browsing.
• Style: What was the reason for removing the span classes and increasing the font size? Is it to accommodate the tags underneath the icons now too? I thought the previous size was a good tradeoff between giving the icons visibility and density.

Thanks in advance. Can't wait to see these features go live!

[redox]

Hey Thomas. I removed the typeahead stuff; you're right about the fit, wasn't improving anything. I added the alphabetical sort on empty queries and restored the responsive classes + font-size on the .entry elements (don't even remember why I removed them, probably a test :p)

You're really welcome !

[redox]

Hey Thomas. I removed the typeahead stuff; you're right about the fit, wasn't improving anything. I added the alphabetical sort on empty queries and restored the responsive classes + font-size on the .entry elements (don't even remember why I removed them, probably a test :p)

You're really welcome !

[thomaspark]

Merged. Gave you and Algolia props in the readme/footer. Cheers!

[thomaspark]

Merged. Gave you and Algolia props in the readme/footer. Cheers!