I decided build a mobile app to search catalog using an image using React Native

1 point

a year ago

As part of my journey learning react native, I was thinking about building something cool that is related to the thing I enjoy talking about which is Shopify.

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