MBLion Oleochemical

A Mobile app solution for oleochemical products price and news

Introduction

MBLion Oleochemicals Mobile Application is designed to serve the people in getting information about Malaysian Palm Oil Price & Palm Oleochemicals Market update. The App has a very user-friendly design to give the best user experience.

Backend and Web App Technology Stack

SServer & File Storage

Digital Ocean

DigitalOcean is a simple and robust cloud computing platform, designed for developers

DDatabase

Open Source MySQL

MySQL is the most popular Open Source Relational SQL Database Management System.

LLogin

Google SDK

Helps us build engaging social apps and get more installs. People can sign in to our app with their Google Login.

AAPI Explorer

Swagger

Swagger is the world’s largest framework of API developer tools for the OpenAPI Specification(OAS), enabling development across the entire API lifecycle, from design and documentation, to test and deployment.

TTechnologies

PHP (Laravel)

Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the MVC(model–view–controller) architectural pattern and based on Symfony.

CCICD

Gitlab

GitLab is a web-based Git-repository manager with wiki, issue-tracking and CI/CD pipeline features

FFrontend Server

Nginx

Nginx is a web server which can also be used as a reverse proxy, load balancer, mail proxy and HTTP cache.

NNotification

Firebase

Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that sends notification messages to drive user re-engagement and retention.

Frontend Technology Stack

FFramework

React Native

A framework for building native apps with React.

PPDF Viewer

React Native View Pdf

With React native view pdf it’s easier to show the PDF files to the App users.

PPush Notification

Firebase

Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that sends notification messages to drive user re-engagement and retention.

CCharts

React Native Charts Wrapper

React Native Charts Wrapper allows to show the data in charts for ease of users.

VValidations

Validate.js

Validate.js provides a declarative way of validating javascript objects.

App Features & Screens

01.

After successful signup, Login gives ease of user experience.

02.

Home

9 different types of Malaysian Oleochemicals products categories. and a number of products in each category, users can find based on their need to get the latest updates and quotes.

03.

Favorite Products

To get notified about the price up or down! Just making the product as a favorite, the app will notify each time when the price goes up or down. So you won’t miss any updates.

04.

Graph View

Represent the historical price in graph view for more ease. To get a better idea about the price of any product, we’ve shown it in a graphical view ie. weekly, monthly, and yearly for better user experience.

05.

Messages

Never miss any updates, stay informed with the latest market news and updates. We update you with the latest prices using the messages section of our app every day.

06.

Quotation

If you are interested in any of the products and need quotations details, never mind all you just have to do is fill some basic details like

Product Name
Destination Port
Trade Term
Country
Quantity
Packing

CHALLENGES

Product Price Graph

Our client’s requirement was he wanted to show all the historical product price and design needs to be clear.

Large User base

After we went live at the initial stage, we’ve not expect a large number of the user base.

Solution

After some research, our team got an idea to show it on a weekly, monthly, and yearly basis. By that, we’ve achieved the client requirement and improved -the user experience too.

That was a time for us to prove our hard work, our team has taken immediate action to serve the crash-free and smooth experience and we did it.