2 ms·
I decided build a mobile app to search catalog using an image using React Native
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