Webapp "Guide de visite" en React.js

Depuis 2010, smArtapps accompagne tous les sites culturels et touristiques et leur permet de créer leur application « guide de visite » en quelques clics. Nous avons de prestigieuses références dans le secteur culturel avec nos apps natives iOS et Android. Dans le cadre d’un projet spécifique, nous souhaitons développer une webapp reprenant certaines de nos fonctionnalités actuelles.

# Votre mission : produire une belle webapp !

Les éléments fournis en début de projet :
- Des maquettes précises des écrans (faites avec Sketch)
- Un .zip comportant toutes les données et tous les contenus de l’app ainsi que la UI (sous forme d’un ensemble de fichiers image .jpg et .png, audio .m4a, vidéo .mp4, etc. et d’un .json listant tout le contenu et leur liens entre eux, point d’intérêt, parcours, media). La webapp devra se baser sur cet app content.

Nous comptons sur votre expertise !

Les fonctionnalités à développer sont les suivantes :
PHASE 1
- Une architecture avec une tab bar et une nav bar permettant d’accéder à différents onglets (liste, webview, etc)
- 2 modèles de listes de points d’intérêt
- 2 modèles de points d’intérêt avec texte (fiche avec une image en media principal, un player audio, un player vidéo, un texte principal, un texte secondaire)
- 1 modèle de point d’intérêt « section » (fiche avec une image en media principal, un player audio, un player vidéo, un texte secondaire, une liste de points d’intérêts liés s’affichant sous l’image principale)
- slideshows (multiples images apparaissant à l’écran pendant qu’un audio se joue avec une unique séquence comportant de plages de temps)
- un fonctionnalité image zoomable sur lequel seront placés des points d’intérêts repérés par une épingle et permettant d’accéder à la fiche correspondante (fonctionnalité utilisée comme plan ou frise chronologique)
- une galerie d’images accessible depuis le point d’intérêt
- une vue immersive permettant d’afficher une image en 360° avec un slider avant /après permettant la superposition graduelle d’une autre image (image d’archive) – pouvant s’appuyer possiblement sur krpano.

PHASE 2
- une fonctionnalité selfie avec filtres aux choix (prise de photo avec une caméra en appliquant dessus une image avec de la transparence découpée à l’endroit où l’utilisateur place sa tête ; le résultat pouvant être sauvegardé ou partagé sur les réseaux sociaux)

OPTIONNEL une ouverture de points d’intérêt déclenchée par une géolocalisation par beacons (matériel beacons fournis => solution Estimote)

# Votre profil
- Vous parlez JavaScript
- Vous maîtrisez React.js (nous acceptons cependant les candidatures avec un autre framework front-end : AngularJS, Vue.js…)
- Vous maîtrisez le CSS avec utilisation de SASS ou SCSS
- Vous utilisez le module bundler Webpack
- Vous êtes à l’aise avec les langages typés Web : HTML, SASS, JavaScript ES6
- Vous êtes à l’aise avec Git : votre travail sera à versionner dans un repo git que nous fournirons

- Qualités personnelles : passion pour le développement, rigueur, organisation, motivation

# Calendrier de réalisation : phase 1 pour fin mars 2019 ; phase 2 pour mai 2019

# Modalités de réponse : merci de nous envoyer votre devis et un planning estimatif de réalisation des fonctionnalités pour chacune des deux phases (+ option)