![105427221_1685123158315521_3851381764085143145_n 1 105427221_1685123158315521_3851381764085143145_n 1](https://division5.co/wp-content/uploads/2022/12/105427221_1685123158315521_3851381764085143145_n-1.png)
Mia Organic Mobile App
e-commerce mobile app connected with Shopify.
![tablet page 1 1 tablet page 1 1](https://division5.co/wp-content/uploads/2022/12/tablet-page-1-1-1.png)
CHALLENGE
Build a scalable application
This application’s challenge relied on connecting the application with the Shopify backend. We had to use the Shopify API’s in order to make use of the same database. Also, the client needed to manage all its products from the backend of Shopify. We had to make use of some conventions agreed with the client for certain product metadata which in turn were read in a specific manner from the mobile app.
Here are the challenges identified:
- Integrating Shopify backend with the mobile platform.
- Customize the way products are shown although being restricted by Shopify.
![mockup_smartphone copy 1 mockup_smartphone copy 1](https://division5.co/wp-content/uploads/2022/12/mockup_smartphone-copy-1-7.png)
Our Approach
Set conventions with the client in order to provide the right customization.
1. Integrating Shopify backend with the mobile platform The main challenge of this application was using Shopify API’s with the mobile application. We knew we couldn’t do a separate backend for our mobile app as the user would have to manage 2, one for their already set-up web app in Shopify, and the other for our mobile app. What we did was use the same backend from Shopify and connect the mobile client with it.
2. Customize the way products are shown although being restricted by Shopify. The client had some specific requests. Not all requests were manageable easily from Shopify dashboard. We had to set some conventions together with the client which we could then use in the mobile app. One such convention was to send the users a push-notification when the client added a new product to the dashboard. This was not natively handled by Shopify so a workaround was needed.
Business value
Order grocery directly from your phone
This solution makes it possible for Mia’s clients to order Mia’s products directly from their phone. The app is a hybrid one developed for both Android and iOS so almost everyone has access to it. When you are on the go or do not have time to go in front of your computer you may need a mobile personalized solution for your grocery shopping. If you like to eat healthy, and that’s what Mia Organic sells, then now you can order on the fly your grocery directly from your mobile phone.
![mockup_smartphone copy 3 mockup_smartphone copy 3](https://division5.co/wp-content/uploads/2022/12/mockup_smartphone-copy-3-4.png)
Tech Stack
This is our choice for Mia Organic Mobile App.
![PHP PHP](https://division5.co/wp-content/uploads/2022/12/PHP-1.png)
PHP
![IONIC IONIC](https://division5.co/wp-content/uploads/2022/12/iconic-1.png)
IONIC
![Objective-c Objective-c](https://division5.co/wp-content/uploads/2022/12/OBJ-C-1.png)
Objective-c
![Java Java](https://division5.co/wp-content/uploads/2022/12/java-1.png)
Java
![Firebase Firebase](https://division5.co/wp-content/uploads/2022/12/Firebase-1.png)
Firebase
![Shopify Shopify](https://division5.co/wp-content/uploads/2022/12/Shopify-1.png)
Shopify
![Typescript Typescript](https://division5.co/wp-content/uploads/2022/12/TS-1.png)