Developing React Native app with gamification elements

React Native
React Native
FireBase
FireBase
Client & Product

Our client, a forward-thinking technology company based in Oslo, Norway, conceptualized to fuse marketing strategies with gamification elements in their new project. They aimed to build a software product - a native app that tracks users' activity with special beacons, encouraging them to collect kilometers and earn points or discounts from local businesses.

Challenges

The primary challenge was to accurately identify users and monitor their activities via the smartphone's built-in sensors and GPS, facilitated by communication with special beacons placed in various locations. This required integrating seamlessly mobile technology with physical devices when building the app’s architecture. Opting for React Native was primarily influenced by the client's aim to unify the user experience across both iOS and Android platforms, ensuring uniformity in performance and aesthetics.

Role of PMO

The project's PMO role encompassed direct communication with the client and our development team, ensuring clarity of project objectives and expectations. The PMO also oversaw the detection of potential risks, the assignment of resources, and the monitoring of the team's efficiency in meeting project timelines and adhering to quality standards.

Job Done

Our team restructured the app using a combination of React Native and Expo for cross-platform functionality, React Navigation for user flow, and integrated IBeacon for precise location tracking. Firebase's serverless architecture (including Firebase Phone Login, Firebase Functions, and Firebase Firestore) was employed for efficient backend management and data handling.

Implemented features

Volkswagen Genser App

User Authentication Flow

Leveraging Firebase Firestore and React Context, we established a secure and seamless authentication process, ensuring user data integrity and a smooth login experience.

RelevantSoftware-Beacon Tracking Flow 1

Beacon Tracking Flow

We integrated beacon tracking using the react-native-beacon-radar package to enable precise user location tracking within the app.

RelevantSoftware-Rewards System 1

Rewards System

Users earn points based on the distance traveled, which can be redeemed for discounts or special offers from partnered local businesses.

RelevantSoftware-Profile Settings 1

Profile Settings

This feature allows users to customize their profiles, manage settings, and track their activity and rewards history, enhancing personalization and user engagement.

Outcomes

We presented a cross-platform app that we believe truly elevates the user experience, both in design and utility. After carefully shaping every detail, the Volkswagen Genser App now stands out as an intuitive and highly engaging tool. Delivered exactly as scheduled and within budget, this project reflects our uncompromising focus on quality in everything we do.

Client's Feedback

EIRIK EIKAAS
Senior Technical PM and Head of IT Ops at TRY

The decision to engage Relevant Software to develop the Volkswagen Genser App was influenced by previous positive experiences and their well-earned reputation for professionalism and adaptability. Their dedication and technical expertise stood out from the outset, reflected in a fruitful partnership. We are incredibly pleased with the results of their work and hope to continue our collaboration with Relevant Software on future projects.

Success cases

Össur
Healthcare
Iceland
Össur
View case
FirstHomeCoach
Fintech
UK
FirstHomeCoach
View case
Wait!

Do you know that we helped 200+ companies build web/mobile apps and scale dev teams?

Let's talk about your engineering needs.

Write to us