kizeo / transiscope-mobile Goto Github PK

• Fetch de la liste
• Loader
• No data
• Mise à jour en fonction de la recherche/filtres
• Cellule
  • Nom
  • Liste de picto (domaines et soruces)
  • Lieux (ville + CP)

https://www.figma.com/file/Rdt3yCTcjJLfUboT8hYeYpY5/Kizeogreen-app?node-id=0%3A1

https://www.figma.com/file/b4hfTtj4VABjONNRfNBZBLwc/Kizeogreen-home?node-id=0%3A1
todo

• ajouter les puces du slider

We can use Jest as the runner, already integrated and a good runner.

prerequisites

• Clean project 🧹
  • Update eslint rules
  • Add prettier
• eslint + prettier in pre-commit 🤓
• First tests 🤖

A type system can prevent some bug (but not all of them) and can improve teamwork.

But have a cost of development time.

What do you think about type in javascript?

Solutions : flow, typescript ...

CATEGORIES

• Sections

  • Filtres

• met a jour le state des filtres ( par default tous active )

• click sur check de 'domaines' ou 'sections' desactive / active tous les filtre de la categorie

• click sur l'icone d'une section desactive / active tous les filtres de la section

• click sur le titre ou la drop down arrow expand / collapse la section

• click sur un filtre que ca soit l'icone ou le titre active / desactive le filtre

• filtre desactive = gris clair

• si tous les filtre d'une section desactive = left icone + titre section gris clair

• si un ou plusieurs filtre d'une section desactive, left icon background = blanc, icon couleur = couleur du texte

• Filtrer la liste

https://www.figma.com/file/Rdt3yCTcjJLfUboT8hYeYpY5/Kizeogreen-app?node-id=0%3A1

Because we use expo without eject, we can use linux machine for all deploy process (no macos builder required 🙌). So we have the choice between providers, What do you think about :

• https://github.com/features/actions
• https://circleci.com/product/
• https://travis-ci.org/

• Recherche par nom (lien avec liste et map)
• Naviagation vers filtres
• Boutton filtre en orange quand quelques filtre activées

https://www.figma.com/file/Rdt3yCTcjJLfUboT8hYeYpY5/Kizeogreen-app?node-id=0%3A1

• Description (optional)
• Informations générales
  • Addresse
  • Lien
• Domaines
  • Sous domaines (optional)
• Sources
  • Sous sources (optional)
• Engagement citoyen (optional)
• Actions
  • Lien vers le site d'origine
  • Lancer le GPS
  • Patager

https://www.figma.com/file/Rdt3yCTcjJLfUboT8hYeYpY5/Kizeogreen-app?node-id=0%3A1

@agoqui @Weidmann2 @nrcaz Someone knows how filter by source?

Data look like this:

{
    "id": "3u8x",
    "name": "Ecole Montessori de Beauséjour",
    "geo": {
        "latitude": -20.89299,
        "longitude": 55.52815
    },
    "sourceKey": "PresDeChezNous",
    "address": {
        "streetAddress": "461, rue Pointe Allisard",
        "addressLocality": "Sainte-marie",
        "postalCode": "97438",
        "addressCountry": "FR"
    },
    "createdAt": "14/03/2019 à 09:43",
    "updatedAt": "29/12/2017 à 18:36",
    "categories": [
        8,
        7,
        4
    ],
    "website": "http://www.montesourire.com",
    "abstract": "Fondée par des enseignants et des parents, l'association Montesourire gère l'école Montessori de Beauséjour. Deux ambiances (3-6 / 6-11) permettent la formation et l'éducation des jeunes basés sur la pédagogie Montessori.",
    "commitment": "",
    "showUrl": "https://presdecheznous.fr/annuaire#/fiche/id/AEP",
    "editUrl": "https://presdecheznous.fr/elements/edit/AEP"
},

Originally posted by @ieschalier in #26 (comment)

• Fetch des données.
• Affichage des alternatives.
• Style des Markers.
• Géolocaliser la personne et zoomer sur sa position à l'ouverture.
• Afficahge de la position sur la carte.
• Refetch des données quand changement sur la carte.
• Prise en compte de la recherche et des filtres pour le fetch de données.

https://www.figma.com/file/Rdt3yCTcjJLfUboT8hYeYpY5/Kizeogreen-app?node-id=0%3A1