← Tous les projetsProjet 03 / 08

Eco Wiki

Encyclopédie libre qui marche sans réseau : 359 fiches pratiques, carte de France hors-ligne et outils d’orientation, à emporter sur une clé USB.

Visiter le site Eco Wiki
Client
Projet perso
Mon rôle
Concept, design, développement, contenu
Année
2025
Résultat
359 fiches, 100 % hors-ligne
Aperçu du projet Eco Wiki

01 · Le besoin

Rassembler du savoir-faire utile (eau, énergie, soin, jardin…) dans un outil qui fonctionne vraiment le jour où il n’y a plus de réseau, sur n’importe quel ordinateur ou téléphone.

02 · Ce que j’ai fait

  1. 01359 fiches pratiques en 13 catégories : matériel, étapes, précautions et sources pour chacune.
  2. 02Recherche maison tolérante aux accents, avec synonymes et classement des résultats.
  3. 03Carte de France hors-ligne en tuiles vectorielles PMTiles, avec 92 000 points utiles issus d’OpenStreetMap (eau potable, refuges, hôpitaux…).
  4. 04Page outils : kits par situation avec check-lists, calcul de cap et de distance GPS.
  5. 05Version téléchargeable : wiki seul (~22 Mo) ou avec cartes (~1,7 Go), lanceurs en un clic pour Windows, Mac et Linux.
  6. 06Bilingue français / anglais, export de chaque fiche en HTML autonome.
  7. 07Aucun serveur : sécurité renforcée (CSP stricte) et poids de page affiché pour rester sobre.

03 · Les outils

React 19TypeScriptViteTailwind 4MapLibrePMTilesi18nextProduitUIContenuAccessibilité

04 · Dans le détail

Carte hors-ligne
01Carte hors-ligneFrance entière, filtres points de survie, déplacement / ajout / mesure.
Outils d’orientation
02Outils d’orientationCap & distance GPS, double pas, aide-mémoire : tout en local.
Fiche pratique
03Fiche pratiqueExemple live : distiller l’eau à la casserole - étapes, matériel, précautions.Voir en live ↗
Installer chez soi
04Installer chez soiWiki seul (~22 Mo) ou wiki + carte (~1,7 Go) : USB, téléphone, zéro compte.

05 · En deux mots

Un wiki pensé pour tenir dans la vraie vie, et sans réseau. Le design est néo-brutaliste, façon carnet de terrain : grille, pictos colorés, typo dessinée, zéro fioriture. Tout est statique, ce qui le rend rapide, sûr et copiable sur une clé. La carte embarque la France entière en local : on peut y ajouter ses propres points, les exporter, et retrouver l’eau potable ou la pharmacie la plus proche sans connexion. Une page affiche même le poids réel de ce qu’elle charge, clin d’œil au low-tech.

Vue éclatée · 5 couches

Le projet,
couche par couche.

  1. 01 Carte hors-ligne
  2. 02 Outils d’orientation
  3. 03 Fiche pratique
  4. 04 Installer chez soi
  5. 05 Page d’accueil
Carte hors-ligne
01 · Carte hors-ligne
Outils d’orientation
02 · Outils d’orientation
Fiche pratique
03 · Fiche pratique
Installer chez soi
04 · Installer chez soi
Page d’accueil
05 · Page d’accueil
Projet suivant · MobileApp Inventaire PrinterApp mobile de gestion d’inventaire d’imprimantes : scan QR code et impression automatique d’étiquettes.

On se lance ?

Un projet en tête ?
Parlons-en.

Un mail, un café, comme tu veux.

Je te réponds sous 24h ✦