1.000.000 gebruikers. 40.000 locaties. Eén app die overal ter wereld offline werkt.

Campercontact is Europa's grootste communityplatform voor camperaars: het omvat 40.000 locaties, door gebruikers gegenereerde beoordelingen en foto's, en een snelgroeiend gebruikersbestand. Het aantal camperreizen nam jaar op jaar met 30% toe. Het bestaande platform kon deze groei niet aan. Het laden van gegevens verliep traag, de app werkte niet offline en de architectuur was niet geschikt voor internationale opschaling.

Elements werd ingeschakeld om de mobiele app opnieuw te ontwikkelen, in samenwerking met het bredere MakerStreet-netwerk: backend in Mendix, ontwerp door Soda en web-frontend door Touchtribe. Wij waren verantwoordelijk voor de mobiele app, die zo werd gebouwd dat deze geschikt is voor opschaling, offline gebruik en wereldwijde uitrol.

Een React Native-app met een 'offline-first'-architectuur

Tijdens reizen door het Franse platteland of de Oostenrijkse Alpen hebben gebruikers niet altijd toegang tot internet. We hebben offline-functionaliteit daarom vanaf het begin als kernvereiste meegenomen, en niet pas achteraf toegevoegd. Gebruikers kunnen volledige regio's downloaden voor offline gebruik. De overgang tussen online en offline verloopt naadloos; lokale gegevens worden automatisch gesynchroniseerd zodra de verbinding is hersteld.

Snel zoeken in 40.000 locaties dankzij ElasticSearch

Een belangrijke uitdaging was om grote hoeveelheden locatiegegevens snel doorzoekbaar en filterbaar te maken. We hebben ElasticSearch ingezet voor de filterfunctionaliteit, waardoor gebruikers snel en nauwkeurig resultaten kunnen vinden op basis van locatietype, faciliteiten, beoordelingen en afstand, ook naarmate de dataset groeit.

Een gedeelde codebase voor web en backend

De React Native-app deelt de logica voor het ophalen en verwerken van gegevens met de webapplicatie. Dit zorgt voor consistente gegevens op alle platforms en voorkomt dubbel werk, doordat de logica slechts één keer hoeft te worden geschreven. Alle acties in de app, zoals het toevoegen van een locatie, het plaatsen van een beoordeling of het upgraden naar een pro-account, worden direct gesynchroniseerd met de backend.

Waarom React Native en een gedeelde codebase met de webapp?

Campercontact gebruikt dezelfde data voor zowel mobiel als web. Het bouwen van twee aparte datalagen zou hebben geleid tot dubbele logica, inconsistent gedrag en dubbel onderhoud. Dankzij React Native konden we het ophalen en verwerken van data centraliseren, waardoor beide platforms altijd dezelfde informatie op dezelfde manier weergeven.

Dit project was een samenwerking binnen de MakerStreet-groep: Mendix (backend), Soda (design), Touchtribe (web) en Elements (mobile). Elements fungeerde als mobiel specialist binnen een gecoördineerd opleveringsteam, waarbij architectuurbeslissingen gezamenlijk over de verschillende disciplines heen werden genomen.

Met 1.000.000 gebruikers en een modulaire React Native-architectuur is Campercontact klaar voor verdere uitbreiding in Europa. Nieuwe locatietypes, verbeterde communityfuncties en diepgaandere personalisatie op basis van reisgeschiedenis zijn allemaal te realiseren zonder de kern opnieuw op te bouwen.