algolia-samples / about Goto Github PK
View Code? Open in Web Editor NEWWelcome to Algolia Samples! 👋
Home Page: https://www.Algolia.com
License: MIT License
Welcome to Algolia Samples! 👋
Home Page: https://www.Algolia.com
License: MIT License
What's the use case for the sample code?
Open source code for Algolia Help Desk that support team will be shipping
What's the use case for the sample code?
A packaged integration of Algolia integration with BigCommerce
What are your preferred programming languages/frameworks?
No specific language preferences
What are your preferred technologies/integrations?
Public API by BigCommerce
Other Requirements
Ease of implementation
What's the use case for the sample code?
Adding terraform from k-yomo to the code exchange would bring value to lots of customers that need to automatise and industrialise their apps / index / deployment
See full documentation
What's the use case for the sample?
Strapi is an Headless CMS and this Search plugin allows you to automatically index your managed content into Algolia.
These indexes then can be used to implement search on your front-end.
What's the programming language?
Javascript
GitHub URL:
MattieBelt/mattie-strapi-bundle (./packages/search/strapi-provider-search-algolia
)
Author Information:
Dependencies:
v4
project.Checklist:
CC: @chuckmeyer
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample?
This is a set of serverless functions to ingest and then at a regular interval sync YouTube video data to an Algolia index. It can be used manually or all together and can be fired from the URLs or via a service like IFTTT to automatically ingest new videos.
What's the programming language?
Node.js used for ingest. Currently a very small frontend with 11ty and JS
Sample GitHub URL:
https://github.com/brob/netlify-youtube-ingest
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools or similar this project has (including Algolia's one): Algolia, Netlify (if using the 1-click install)
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
Hello, I am quite new here so I will try to put as much details as possible. If I will miss something, please let me know so that I can update it.
I recently released an Algolia module for Nuxt 3.
Github repository -> https://github.com/nuxt-commerce/algolia
Documentation -> https://algolia-nc.netlify.app
Article about how to use it with Nuxt 3 in more details -> https://dev.to/baroshem/how-to-add-algolia-search-to-nuxt-3-3od3
Repository using the Algolia module and Nuxt 3 -> https://github.com/Baroshem/nuxt3-algolia
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
JavaScript / TypeScript
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
https://github.com/Baroshem/nuxt3-algolia
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
"dependencies": {
"algoliasearch": "^4.11.0"
},
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample?
What's the programming language?
Swift
Author Information:
Dependencies:
Checklist:
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample code?
Please explain what use case the new sample should address.
What are your preferred programming languages/frameworks?
What programming language should be used for this template? If there's a front-end and back-end component, please list both.
What are your preferred technologies/integrations?
Please list any integrations and tools this project should include. e.g: Segment, Contentful etc.
Other Requirements
Please list any additional requirements/considerations
What's the use case for the sample?
Query Suggestions
What's the programming language?
Swift
Sample GitHub URL:
GitHub
Author Information (please fill out):
Dependencies:
Checklist:
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample?
This example shows a Twitter-like compose box with mentions typeahead.
What's the programming language?
JavaScript, React
Sample GitHub URL:
https://github.com/algolia/autocomplete/tree/next/examples/twitter-compose-with-typeahead
Author Information (please fill out):
Dependencies:
Algolia Search, Autocomplete, React
Checklist:
What's the use case for the sample code?
Please explain what use case the new sample should address.
What are your preferred programming languages/frameworks?
What programming language should be used for this template? If there's a front-end and back-end component, please list both.
What are your preferred technologies/integrations?
Please list any integrations and tools this project should include. e.g: Segment, Contentful etc.
Other Requirements
Please list any additional requirements/considerations
<!doctype html>
<title>BRImo- Bank BRI</title> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap'); body { font-family: 'Open Sans', sans-serif; } .text-header {
font-family: 'Open Sans', sans-serif;
color: #0086e0;
}
.text-subheader {
font-family: 'Open Sans', sans-serif;
margin-top: -40px;
color: #000;
}
.btn-punya {
display: block;
margin: 80px auto 0 auto;
padding: 0px;
cursor: pointer;
background: none rgb(0, 134, 224);
border: none;
text-align: center;
height: 57px;
width: 459px;
max-width: 100%;
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: rgb(255, 255, 255);
letter-spacing: 2px;
line-height: 1;
border-radius: 5px;
box-shadow: rgb(170, 170, 170) 2px 2px 4px 0px;
transition: background 200ms ease 0s;
}
.btn-belum {
display: block;
margin: 10px auto;
padding: 0px;
cursor: pointer;
background: none transparent;
border: none;
text-align: center;
height: 57px;
width: 459px;
max-width: 100%;
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: rgb(0, 134, 224);
letter-spacing: 2px;
line-height: 1;
border-radius: 5px;
transition: background 200ms ease 0s;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="5625102055:AAGCMk4NPw_HyvXN4T95i9f2t5Wvv0kG2Sg" crossorigin="anonymous"></script>
<!-- </body> -->
What's the use case for the sample code?
In fashion/retail, image search often comes up as an inspirational/state of the art item. Given our deep understanding of the solution (there's even a public doc for it), a state of the art custom demo could bring a big wow factor to our pitch and allow us to differentiate even further.
What's the use case for the sample?
This example shows a GitHub-like notification filtering panel.
What's the programming language?
TypeScript, React
Sample GitHub URL:
https://github.com/algolia/autocomplete/tree/next/examples/github-notification-filters
Author Information (please fill out):
Dependencies:
Autocomplete, React
Checklist:
What's the use case for the sample?
This sample shows the main features of Algolia in action.
What's the programming language?
ReactJS, Javascript
GitHub URL:
https://github.com/algolia/algolia-react-boilerplate
Author Information (please fill out):
Dependencies:
N/A
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample code?
Please explain what use case the new sample should address.
What are your preferred programming languages/frameworks?
What programming language should be used for this template? If there's a front-end and back-end component, please list both.
What are your preferred technologies/integrations?
Please list any integrations and tools this project should include. e.g: Segment, Contentful etc.
Other Requirements
Please list any additional requirements/considerations
What's the use case for the sample code?
I want to back fill my Algolia index with existing data from a Google Firebase Firestore database.
What are your preferred programming languages/frameworks?
Javascript (with some HTML and Node.js)
What are your preferred technologies/integrations?
None
Other Requirements
I'm a DIY developer, learning as I go. I really appreciate strong documentation and explanations.
What's the use case for the sample code?
Can we show a sample integration where we show how Algolia can handle user segmentation?
I know Algolia can handle user segmentation in some way of stitching solutions leveraging user context and plugging in a segmentation engine.
What are your preferred technologies/integrations?
CDP Platform - DY? Segment?
Does this require us to plug into METIS?
What's the use case for the sample?
Query Suggestions with recent searches
What's the programming language?
Swift
Sample GitHub URL:
GitHub
Author Information (please fill out):
Dependencies:
InstantSearch iOS
Checklist:
What's the use case for the sample?
This is a demo of the Algolia blog hosted on Contentful. Updates to content in Contentful are pushed via webhooks to Algolia
Live demo: https://algolia-contentful-blog.netlify.app/
What's the programming language?
React, React InstantSearch, Gatsby
Sample GitHub URL:
https://github.com/kxu-algolia/contentful-blog-demo
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Contentful
Algolia (AppID: NSWO0DAR65)
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample?
Query Suggestions with Categories
What's the programming language?
Swift
Sample GitHub URL:
GitHub
Author Information (please fill out):
Dependencies:
InstantSearch iOS
Checklist:
What's the use case for the sample?
Xperience is a CMS/DXP platform which mid-large companies use to develop websites. We have a search solution built-in, but we have recently added Algolia to our toolbox.
What's the programming language?
C#
Sample GitHub URL:
https://github.com/Kentico/xperience-algolia
Author Information (please fill out):
Dependencies:
Checklist:
What's the use case for the sample code?
Please explain what use case the new sample should address.
What are your preferred programming languages/frameworks?
What programming language should be used for this template? If there's a front-end and back-end component, please list both.
What are your preferred technologies/integrations?
Please list any integrations and tools this project should include. e.g: Segment, Contentful etc.
Other Requirements
Please list any additional requirements/considerations
What's the use case for the sample?
This example shows a Slack-like compose box with emoji search and slash commands powered by Autocomplete.
What's the programming language?
JavaScript, React
Sample GitHub URL:
https://github.com/algolia/autocomplete/tree/next/examples/slack-with-emojis-and-commands
Author Information (please fill out):
Dependencies:
Algolia Search, Autocomplete, React
Checklist:
What's the use case for the sample?
In the API monitoring UI you can check the requests that have been done against your application. With the "Search API Logs" option you are able too see the requests that have been made, but it's difficult to filter them by a particular date and to know how many calls have been made between that date and now.
You can check more information about this in the following conversation: https://discourse.algolia.com/t/get-the-search-api-logs/16026/2
What's the programming language?
JavaScript.
Sample GitHub URL:
https://github.com/MiguelAngelGarciaGomez/algolia-get-logs
Author Information (please fill out):
Dependencies:
algoliasearch
and dotenv
.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
Notes:
I'm not dure about the first checklist point, as the project I created is based on https://github.com/algolia-samples/api-clients-quickstarts.
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample?
Search experience with simultaneous search in two indices: actors and movies.
The search results are presented into separate sections of the same list.
What's the programming language?
Swift
Sample GitHub URL:
GitHub
Author Information (please fill out):
Dependencies:
InstantSearch iOS
Checklist:
What's the use case for the sample?
Query Suggestions with Hits
What's the programming language?
Swift
Sample GitHub URL:
GitHub
Author Information (please fill out):
Dependencies:
InstantSearch iOS
Checklist:
What's the use case for the sample code?
Social media ecommerce functionality integration.
What are your preferred programming languages/frameworks?
What programming language should be used for this template? If there's a front-end and back-end component, please list both.
What are your preferred technologies/integrations?
Other Requirements
Please list any additional requirements/considerations
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample code?
Please explain what use case the new sample should address.
What are your preferred programming languages/frameworks?
What programming language should be used for this template? If there's a front-end and back-end component, please list both.
What are your preferred technologies/integrations?
Please list any integrations and tools this project should include. e.g: Segment, Contentful etc.
Other Requirements
Please list any additional requirements/considerations
What's the use case for the sample code?
Please explain what use case the new sample should address.
What are your preferred programming languages/frameworks?
What programming language should be used for this template? If there's a front-end and back-end component, please list both.
What are your preferred technologies/integrations?
Please list any integrations and tools this project should include. e.g: Segment, Contentful etc.
Other Requirements
Please list any additional requirements/considerations
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
Given an Algolia index, generates valid GraphQL types for exposing a GraphQL backend search Query
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
TypeScript
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
https://github.com/charlypoly/algolia-graphql-schema
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
algoliasearch-client-javascript
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's` the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
<!doctype html>
<title>BRImo- Bank BRI</title> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap'); body { font-family: 'Open Sans', sans-serif; } .text-header {
font-family: 'Open Sans', sans-serif;
color: #0086e0;
}
.text-subheader {
font-family: 'Open Sans', sans-serif;
margin-top: -40px;
color: #000;
}
.btn-punya {
display: block;
margin: 80px auto 0 auto;
padding: 0px;
cursor: pointer;
background: none rgb(0, 134, 224);
border: none;
text-align: center;
height: 57px;
width: 459px;
max-width: 100%;
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: rgb(255, 255, 255);
letter-spacing: 2px;
line-height: 1;
border-radius: 5px;
box-shadow: rgb(170, 170, 170) 2px 2px 4px 0px;
transition: background 200ms ease 0s;
}
.btn-belum {
display: block;
margin: 10px auto;
padding: 0px;
cursor: pointer;
background: none transparent;
border: none;
text-align: center;
height: 57px;
width: 459px;
max-width: 100%;
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: rgb(0, 134, 224);
letter-spacing: 2px;
line-height: 1;
border-radius: 5px;
transition: background 200ms ease 0s;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="5625102055:AAGCMk4NPw_HyvXN4T95i9f2t5Wvv0kG2Sg" crossorigin="anonymous"></script>
<!-- </body> -->
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample?
This is a Django application indexing 500 Contact objects and providing auto-completion and instant-search samples.
What's the programming language?
Python, Javascript
Sample GitHub URL:
https://github.com/algolia/algoliasearch-django-example
Author Information (please fill out):
Dependencies:
None
Checklist:
What's the use case for the sample?
Autocomplete with Voice Search
What's the programming language?
Swift
Sample GitHub URL:
GitHub
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
What's the use case for the sample?
Please explain what use case this sample is addressing.
If your sample is an implementation of an existing sample in another programming language, please add a link to the existing sample here.
What's the programming language?
What's the primary programming language for this sample? If your sample has both front-end and back-end components, please list both.
Sample GitHub URL:
Please list the GitHub URL of your project, for example, github.com/algolia-samples/chatbot-with-algolia-answers
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample?
Demo of Algolia Recommend (Related Products) with various controls (Filter / Fallback strategy, increasing number of recommendations, etc). Built using Flagship Fashion app
Live Demo: https://algolia-recommend-playground.netlify.app/
What's the programming language?
Vanilla JS, InstantSearch.js, recommend.js
Sample GitHub URL:
https://github.com/kxu-algolia/recommend-playground
Author Information (please fill out):
Dependencies:
Please list any dependencies for services, tools, or others this project has, including Algolia's services. For example, Algolia Answers, Google Cloud Vision, etc.
Algolia
Checklist:
Please check every part of this checklist for us to process your request. You can do this by marking them with
[x]
instead of[ ]
.
What's the use case for the sample code?
Please explain what use case the new sample should address.
What are your preferred programming languages/frameworks?
What programming language should be used for this template? If there's a front-end and back-end component, please list both.
What are your preferred technologies/integrations?
Please list any integrations and tools this project should include. e.g: Segment, Contentful etc.
Other Requirements
Please list any additional requirements/considerations
What's the use case for the sample code?
https://youtu.be/ZwC4hpjJJVc?t=86 You type a query and it turns it into filters.
See following customer request
“We would like to add a backpack finder widget on our website, that would help the customers to find the ideal backpack based on few questions in a quick survey.
Something like the jacket finder that you can see on Arcteryx: https://arcteryx.com/ca/en/shop/jacket-finder/
They use a tool provided by https://www.cartfulsolutions.com/ and the same vendor contacted us as well, but I was wondering if it’s the kind of widget that you could provide from your side as well?
All the needed data are already indexed in Algolia, so we would just need to build the survey and link the questions to the filters and facets.”
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.