So, I decided to add a feature to the Shop app that will allow users to search the Shopify store's product catalog using an image instead of keywords.
The workflow: A user scrolling through Instagram and the found a product that they like Take a screenshot of it Open the mobile app, and click on the camera icon. Select the image and let the magic happen Get a list back of similar-looking products across different Shopify stores (in our case, it’ll be one Shopify Store)
Architectural Overview
The solution leverages a robust technology stack:
React Native for cross-platform mobile development Google Cloud Vision API for image classification Algolia Search for efficient product indexing and retrieval Remix.js for backend API handling Shopify Storefront API for product data management
Link to full blog post: https://iliashaddad.com/blog/how-i-built-a-product-visual-search-using-react-native-google-cloud-vision-api-algolia-and-remixjs/
Github Repo: https://github.com/IliasHad/visual-product-search-app