Objectif : Réaliser une liste de courses

Présentation :

Vous devez réaliser une application web monopage permettant la création et l’utilisation d’une liste de courses.
Cette page devra avoir un header, une barrenav, un content, (aside si besoin) et un footer. Vous pouvez utiliser un framework css. Attention, cette page devra être responsive.

Fonctionnalités attendues :

Etape 1 : affichage
Le tableau d’affichage doit comporter :

• l’affichage de la quantité et du nom du produit
• Un bouton pour cocher une ligne (fait)
• Un bouton pour supprimer une ligne
• Afficher le nombre total de produits
• Afficher le nombre total de produits non cochés

Etape 2 : insertion

• Créer un formulaire pour ajouter une ligne : Nom du produit et Quantité
• Vérifier que le nom du produit ait plus de 3 caractères
• Vérifier que la quantité soit un entier

Etape 3 : modification

• Ajouter deux boutons pour modifier la quantité (bouton + / -).

Etape 4 : trier

• Ajouter deux boutons de tri du tableau (Attention : ces boutons doivent modifier la requête mysql de sélection) : par Nom et par Quantité

Etape 5 : ajax

• Transformer toutes les actions en bdd en AJAX

Bonus 1 : autocomplétion
Ajouter l’autocomplétion sur le nom du produit dans le formulaire de création.
Pour cela, vous devez utiliser une bdd.

Bonus 2 : mode hors ligne
Vous devez pouvoir utiliser sur votre téléphone votre liste de course sans connexion internet. Il faut que le bouton : cocher fonctionne (enregistre) pour pouvoir synchroniser à votre retour chez vous.

Bonus 3 : enregistrer ses listes
Pouvoir enregistrer ses listes (avec un nom) et pouvoir les recharger.

Bonus 4 : libre !!