Skip to content

Thai shopping app with LINE login and loyalty points

Shoppers of a Thai marketplace now sign in with LINE or Apple, scan barcodes, apply vouchers, choose delivery or pickup and track their points in one app.

E-commerceAn e-commerce and distribution business in Thailand ยท 4 min read

Shopper using a red phone over a cart of groceries in a supermarket aisle
Client
An e-commerce and distribution business in Thailand
Industry
E-commerce
Platforms
Android, iOS
Download one-pager (PDF)
  1. The challenge

    The marketplace needed a mobile app beside its web store. Thai shoppers expected to sign in with LINE or Apple, scan barcodes and choose delivery or pickup. The loyalty points and shop-specific vouchers also had to work in the app.

  2. What we built

    We built a React Native app for Android and iOS with email, phone, OTP, LINE and Apple sign-in. Shoppers browse by category, search or scan a barcode. At checkout they apply vouchers, pick delivery or pickup and choose which items to pay for. On the back end we added shop-specific coupons, points coupons, push notifications and account deletion.

  3. The result

    Customers can shop, pay, track orders and spend loyalty points from their phone. Only customers who bought an item can review it.

What the system does.

The parts of the system that made the difference for the client and the people who use it.

  • Flexible sign-in

    Shoppers register with email or phone using a password or OTP, or sign in with LINE or Apple.

  • Location-aware home screen

    The home screen asks for a delivery location and shows search, barcode scan, promotions and categories.

  • Flexible checkout

    The cart applies vouchers, offers delivery or pickup and lets shoppers choose which items to pay for.

  • Order tracking

    Orders are grouped from payment pending to delivered, with returns, refunds and buy-again.

  • Loyalty points wallet

    Shoppers see points history, available and expired points, earnings and spending.

  • Verified reviews

    Only customers who bought an item can review it.

  • Shop-specific coupons

    Admins can issue coupons tied to one partner shop, or coupons paid out in points.

  • Account controls

    Users manage addresses, switch dark or light theme and delete their account in the app.

Built with

The tools behind it, layer by layer.

  1. Mobile

    • React Native
  2. Back end

    • Node.js
    • Express.js
  3. Database

    • MongoDB
  4. Cloud and hosting

    • Firebase
    • Ubuntu cloud server
    • Nginx
  5. CI/CD and DevOps

    • GitHub Actions
    • Git

The full story

The challenge

An e-commerce and distribution business in Thailand already had a web store and a warehouse system. Its next step was shopping app development for Thailand: a mobile app that matched how its shoppers expected to buy.

That set a clear list of requirements. Shoppers expected to sign in with LINE or Apple rather than fill in a long form. They wanted to scan a barcode to find a product, and to choose between delivery and pickup.

The marketplace's loyalty points and shop-specific vouchers also had to work in the app, not only on the website. And the app had to run on both Android and iOS.

Shopping app development for Thailand: what we built

We built a React Native app for Android and iOS, backed by MongoDB on an Ubuntu cloud server.

  • Sign-in. Shoppers register by email or phone with a password or OTP, or sign in with LINE or Apple. New users are prompted to add a photo and an address.

  • Home screen. The app asks for a delivery location, then shows search, barcode scan, promotions, categories, pre-order items and recommendations.

  • Browsing. Categories run three levels deep, and product lists can be filtered, sorted and searched.

  • Checkout. Shoppers apply vouchers, pick delivery or pickup and choose which cart items to pay for. The cart shows total savings and the shipping cost before payment.

  • Orders. Orders are grouped from payment pending to delivered, with a tab for returns and refunds and a buy-again option.

  • Points wallet. Shoppers see their points history, available and expired points, and what they have earned and spent.

  • Account controls. Users manage addresses, switch between dark and light themes and delete their account in the app.

We also changed the back end. Admins can issue coupons tied to a single partner shop, or coupons that pay out in points. Shop registrations from the app sync to the business's warehouse management system, and we added push notifications.

How it works day to day

Follow one shopper. She signs in with LINE, sets her delivery location and scans the barcode on a product she wants to buy again. She adds it to her cart with a few other items, applies a voucher and sees how much she has saved and what shipping will cost.

She decides to pay for only part of the cart now and chooses pickup. Once paid, the order moves through its stages on her orders screen, from payment pending onward. If something is wrong, returns and refunds have their own tab.

Later, she opens her points wallet to see what she has earned and spent, and which points have expired. Because only customers who bought an item can review it, the rating she leaves comes from a real purchase.

The result

Customers can shop, pay, track orders and spend loyalty points from their phone. Ratings come only from buyers, and the marketplace can run vouchers for a single partner shop or pay coupons out in points.

The app sits alongside the business's partner shop portal, where admins decide which shops take part in the loyalty points scheme.

What the research says

  • Thai shoppers are online, and mostly on smartphones. In the first quarter of 2024, the National Statistical Office counted 59.0 million internet users, 89.5% of people aged six and over. Among those with a mobile phone, 96.5% had a smartphone (NSO ICT household survey, 2024 Q1).

  • Social sign-in comes with store rules. Apple's App Review Guideline 4.8 says an app that uses a third-party or social login for the user's primary account must also offer an equivalent option that limits data collection to name and email, lets users keep their email private and does not track them for advertising without consent.

  • Account deletion is a store requirement. Apple's guideline 5.1.1(v) requires apps that support account creation to offer account deletion within the app. Google Play asks for an in-app path to delete an account and its data, plus a web link to request it.

Where AI fits next

Shoppers will not find AI in the app today. Here is where it could help later. A model could personalize recommendations from each shopper's orders and points balance. It could answer common order questions in the app and hand harder ones to staff, and summarize review text on each product page so shoppers see the main points quickly.

Planning something similar?

Before you build a shopping app, it helps to answer four questions:

  1. Which sign-in methods do your customers already use every day?

  2. Will shoppers collect in person as well as take delivery, and can they split a cart?

  3. How do points and vouchers work today, and who can issue them?

  4. What must sync back to your stock, shop and order systems?

One codebase served both stores here; our native or cross-platform guide explains when that works. More on our shopping and customer apps and other online retail builds.

Common questions

What does a shopping app for Thai customers need?

This one offers LINE and Apple sign-in alongside email or phone with OTP, barcode search, a choice of delivery or pickup, vouchers at checkout and a loyalty points wallet, because those match how the marketplace's shoppers expected to buy.

Should a shopping app be built in React Native?

React Native lets one codebase serve both Android and iOS, so the same sign-in, checkout and points features are written once for both platforms.

If an app offers LINE login, does it also need another sign-in option?

Apple's App Review Guideline 4.8 says apps that use a third-party or social login for the user's primary account must also offer an equivalent login option that limits data collection to name and email, among other conditions. Exceptions exist, such as apps that use only their own account system.

Do shopping apps have to let users delete their accounts?

Yes, on both main stores. Apple requires apps that support account creation to offer account deletion within the app, and Google Play requires an in-app path and a web link to request deletion. This app includes in-app account deletion.

How do the loyalty points work in the app?

Shoppers see their points history, available and expired points, and what they have earned and spent. Admins can also issue coupons that pay out in points.

More of our work.

Projects that used the same services or served the same industry.

See all our work

Free project estimate

Talk through a project like these.

Thirty minutes with a founder, not a salesperson. Bring the problem; leave knowing what we'd build first and what it would cost.

What you get back

  • An indicative budget range
  • A realistic timeline
  • What moves the cost up or down
  • A reply within 4 business hours
  • Answered by a founder
  • NDA on request, before you share details

Tell us what you need

A few lines is plenty. You get a number before any call.

Fields marked * are required.