ngbede / shelflife

A mobile app UI concept for the retail pharmacy web app shelflife built with flutter.

Shelflife

A mobile app UI clone of the retail pharmacy APP Shelf Life.

Goal of the project

• To provide Shelflife users with a mobile app experience of the retailer app that works seamlessly on both android and ios.
• To implement native features such as notifications as part of the mobile experience.
• To decouple the retailer interface as much as possible from our larger ecosystem of SL users.
• To improve user retention unto the service.
• To make Shelf life more accessible to our users.

Plan of action

• Build out the current retailer user interface using flutter.
• Implement the core business logic in relation to how the retailer app should behave.
• Integrate a SL specific REST API to communicate with our backend infrastructure.
• Integrate the mobile app with our current CI/CD tool set to run integration tests etc.
• Acceptance testing which can be done concurrently as the core features of the app are built.
• Deploy the app in beta phase for select users to test and gain feedback to increment on work done.
• Deploy a stable build of the app unto the play store.

Highlevel SL API requirements

GET methods

• /auth/?username=test&password=lol
• /user/:id
• /subscriptions/:id
• /deliveries/:id
• /stock-counts/:id
• /invoice/:id
• /recommendations/:market

POST methods

• /topup/ => sends order request to order DB in request body
• /subscription => sends a modified subscription object to integrated data
• /user/ => modify user properties like display name & email

Development methodology to be used is Agile

Progress made so far

• Working bottom navigation bar for five main screens
• Implemented initial UI components needed for Home, Products, Finance, Deliveries and Count screen.
• Topup UI and logic workflow is currently being worked on.

Screeshots of current UI