SITUATION / Business REQUIREMENT / CHALLENGE

Application Developers must spend hours in configuring & setting up their ‘Dev’ environments. They need to research various dependencies and usage of components necessary for their application development prior to commencement of actual value-add development activities.

OUR STRATEGY

• Develop Shell DS React Native Framework that provides rapid access to reusable UI components for both react native web and mobile application development.

RESULTS DELIVERED

• Prebuilt React Native and React Native for Web UI component library ready for re-use in client development. These components are Shell brand compliant, accessibility compliant and dynamically adapt across different form-factors (mobile, tablet, desktop). Components are available in an interactive Storybook which can also be used to test new UI components.
• Framework for client and back-end development, best practice code and folder structure start points tailored to your project requirements.
• A single code base for web and mobile, utilizing React Native and React Native for Web.
• CI pipeline with targets for building the web client, the back end, Unit tests using Jest and Integration tests.

Key achievement – Received VP CIO Award and Shell.AI award
Estimated Value Generation in USD: Manpower efficiency/value gains in time reduction on App Development through use of this platform. Value released through flexible and efficient provision of appropriate and relevant tools to the SE user community.
Business Feedback: Received well in SE community and among the react native developers across Shell