davy_yg's avatar
Level 27

Purchasing Item

Hello,

I would like to ask for input about creating something like this:

When customer seeing item they want to purchase they can use their handphone to scan the sample item. And they item is suddenly being placed in the shopping cart.

After scanning all the sample items they would like to purchase they can go to the cashier to pay for items while the real items that they purchased being prepared.

These items are organic food that need to be prepared since the real item are not ready right away.

Is this things possible? How to implement this things? Is it possible to use resposive ecommerce website or do we have to create android apps or either way is possible?

0 likes
9 replies
fylzero's avatar

@davy_yg I've built out a javascript barcode scanner but it was only possible to make it work in Chrome and was EXTREMELY hacked together.

In order to handle barcode scanning, it is best to build a native app.

I would recommend building a NativeScript app using Vue and checking out this barcode scanning package...

https://www.npmjs.com/package/nativescript-barcodescanner

I already went down the rabbit hole of making this in a web browser and I got it to work but wound up abandoning it. It didn't work well and was limited to Chrome.

Goodluck!

24 likes
Snapey's avatar

Don't forget that you would need to write both Android and IOS versions.

bugsysha's avatar

I think that limitations to only Chrome have been surpassed so it should be possible to achieve this without building iOS/Android app and just use browser. But what you have to think about is customers with older phones which might have issues.

davy_yg's avatar
Level 27

So QR code or barcode scanneris an app feature and not a web feature?

Ever heard jd.id online store? It has a QR code scanner on the top left corner of its web. I try scan the QR code and it only directs me to an ads requesting me to download its apps.

fylzero's avatar

@snapey If he uses NativeScript it will export to both Google Play and the Apple App Store.

@davy_yg Generating QR codes and generating bar codes is easy. Plenty of packages exist for this (haven't tested these, just saying they exist)...

https://www.itsolutionstuff.com/post/laravel-57-qr-code-generator-exampleexample.html

https://www.sparkouttech.com/qr-codes-in-laravel-a-complete-explanation-with-steps/

https://github.com/werneckbh/laravel-qr-code

Actually SCANNING barcodes and QR codes from a mobile device using the web api from an app is possible but limited... best to use native mobile apps for such things.

Read-reading your question, I understand now. I think you are just trying to generate QR codes. Check out those articles, they should give you some direction how to do this.

24 likes
davy_yg's avatar
Level 27

I don't understand NativeScript, I only tried using ReactNative in the past for android.

So is QR code only used to store the url, I mean like when you can scan the QR code only brings you to open the new web url?

My intention is when you scan the QR code it will automatically put the product in the shopping cart. Is this possible with laravel web? How about Apps?

What's the web limit for QR codes?

Please or to participate in this conversation.