Skip to Content

Vaspp E-Com is an Online Shopping App built with open source UI framework, OpenUi5. Vaspp E-Com is designed as an easy to shop application from any device- mobile, tablet or laptop.

It enhances shoppers experience by enabling them to Browse, search, get product details, read & write reviews, and purchase millions of products among various categories. It also helps to expedite shopping with a Prescription upload, Store locator, order tracking, wish list, loyalty points, and many more.

 

Why did I build it with OpenUI5?

When OpenUI5 themselves talk about “build enterprise-ready web applications” or “Enterprise-Ready Web Toolkit” then why did we build a consumer app using UI5! Because it can.

The toolkit had almost all the controls and features we needed to build our E-commerce application.

  • Responsive Across Browsers and Devices:

With the number of different screen sizes and devices, we found no other toolkit which could adapt so well to each device.

  • Rich UI Controls:

Had all the controls we would ever need to develop this app. going to any other toolkit would have required some custom controls or other third-party elements.

  • Development concepts:

The MVC concepts, JSON models, different binding types made it possible to develop and manage the application in no time.

  • Works well with Cordova application container.
  • Translation and internationalization support.
  • OpenUI5 – Free and Open Source.
  • And many more…

What were the challenges?

We had a few good challenges in building a consumer app using OpenUI5 and it was fun tackling them. We had an option of going for a native application for its capabilities in terms of functionalities and performance.

  • Support for Google map and oAuth library is available widely for Native apps whereas for such apps, which is based on JavaScript, was limited. We had to tackle each issue especially related to oAuth on our own.
  • Smoother scroll and navigations between screens. Generally, Native applications have superior scroll and navigation experience but here when a page had too many elements, for example, a product listing page, it was required to always follow the best practices for CSS and DOM to maintain a smooth experience.
    • DOM had to always be light in size but still achieve the same look and feel which was designed.
    • Images have to be resized to keep the memory used in check. (Which is also required on native side but little easier to do so).
  • Lastly, we had a messy CSS file. After initial development, we had reorganized it with LESS.

OpenUI5 with its rich UI Controls makes it a go-to web kit not just for Enterprise, but also for the Consumer world. If we can add some pre-built templates similar to enterprise apps within the framework then it would be wonderful.

To report this post you need to login first.

7 Comments

You must be Logged on to comment or reply to a post.

  1. Margot Wollny

    Hi Vaibhav,

    Very nice article and also the app seems to be well designed 🙂

    What I was wondering: Where can I find this app resp. to whom did you create it? I checked in the internet and also in the App Spaces/Centers but could not detect it?

    (5) 
    1. Vaibhav Surana Post author

      Hi Margot,

      Thank you very much for your comment and the interest for the App.

      The application was designed for a UAE based pharmacy. And they’re currently awaiting for approval from the authorities to go live. Will share the App Store links once it is live.

      Regards

      Vaibhav Surana

      (3) 
  2. Sanjana M Herur

    Hi Vaibhav,

    Thank you for going into detail about the challenges you faced. The app’s design seems very friendly and light. It is impressive that it was built using openUI5.

    I see you have mentioned that you kept all your DOM elements light, can you elaborate on how you were able to maintain the overall lightweight of the application

     

     

    (2) 
  3. Mustafa Bensan

    Hi Vaibhav,

    I was wondering if you have heavily customised the appearance of the UI5 controls in this app?  They don’t look like the standard UI5 controls.

    Also, is the sliding panel a custom control?

     

    Regards,

    Mustafa.

    (0) 
    1. Vaibhav Surana Post author

      Hi Mustafa,

       

      Everything is the magic of CSS, if we remove the custom CSS file it should more or less look like any other UI5 app.

       

      Regards

      Vaibhav Surana

      (0) 

Leave a Reply