Skip to content
Elit Solutions
Mobile Development

Viplife — Mobile App

A React Native app for the online store, running on the same GraphQL API as the website — so catalogue and stock are never out of step.

Client: ViplifeYear: 2023

About the project

Once viplife.az was live, the client wanted the same store on the phone. Because the backend and the GraphQL API were already in place, the app was not a matter of standing up a new system — it was a matter of putting a mobile interface on the API that already existed.

The app

We built the app in React Native and shipped iOS and Android from one codebase. It talks to the same GraphQL API the website uses, which means:

  • The catalogue, the prices and the stock levels match the website exactly
  • Sign-in uses the same SMS OTP flow, and payments run through the same two gateways
  • Orders land in the MSSQL system the shops already run on
  • Adding a product needs no app release

The result

The client operates one backend, one source of truth and three sales channels — the shops, the website and the app. Nothing has to be maintained twice.

Real screenshots of the work as we delivered it.

  • The Viplife app home screen on an iPhone, with the search bar, a promotional banner and the new-products row

    The home screen: search, campaigns and the newest products.

  • A product screen in the Viplife app, showing a hair mask with its discounted price and an add-to-basket button

    A product screen. Price and stock come from the same GraphQL API as the website.

  • The basket screen in the Viplife app, listing the chosen products with quantities and the order total

    The basket, with the running total and the bonus balance.

  • The digital catalogue screen in the Viplife app, showing a full-page product spread

    The printed catalogue, page for page, inside the app.

  • The order history screen in the Viplife app, listing past orders with their number, date, delivery status and amount

    Order history — the same orders the shops see in their MSSQL system.