Travel List (Far Away) — Travel Management

Single Page Application (SPA) / React Single Page Application (SPA) / React

React.js JavaScript (ES6+) React Hooks (useState) CSS3 (Google Fonts: Monoton & Quicksand)

Interactive web application for packing list management (Far Away), enabling users to easily add, check off, sort, and delete travel items. The application integrates real-time statistical tracking of packing completion rates.

Application web interactive de gestion de liste de bagages pour le voyage (Far Away), conçue pour permettre aux utilisateurs d'ajouter, cocher, trier et supprimer des articles de voyage en toute simplicité. L'application intègre un suivi statistique en temps réel du taux de remplissage des bagages.

Component Architecture: Clean, modular breakdown into reusable components (Logo, Form, PackingList, Item, Stats).

Centralized State Management: Use of the useState hook in the root component to handle item addition, deletion, and toggle status.

Sorting Algorithms & Statistics: Multi-criteria sorting implementation (by input order, alphabetical description, or packed status) coupled with a dynamic statistics footer computing completion percentages.

Architecture Componentielle : Découpage modulaire et propre en composants réutilisables (Logo, Form, PackingList, Item, Stats).

Gestion d'État Centralisée : Utilisation du hook useState dans le composant racine pour piloter l'ajout, la suppression et le basculement d'état (toggle) des articles de la liste.

Algorithmes de Tri & Statistiques : Implémentation d'un tri multicritère (par ordre d'entrée, description alphabétique, ou statut emballé/non emballé) couplé à un pied de page statistique dynamique calculant le pourcentage d'articles prêts.