Créer une Todo list (liste de tâches), c'est la base des projets pour apprendre à programmer ou à manier un nouveau framework !
Mais bien souvent, ces tutoriels ne vont pas assez loin dans les concepts et ne permettent pas de se confronter à la réalité du terrain et à des concepts pourtant si importants !
Mais du coup, encore un tutoriel pour créer une liste de tâches ?
Oui et non ! En effet, on va construire ensemble une liste de tâches. Mais on va la construire avec AdonisJS, un système complet pour développer des applications Node.js !
Objectifs
Dans les grandes lignes, on va réimplémenter ensemble ce projet : To-Do App !
Cependant, on va aussi y ajouter l'authentification de l'utilisation et le lien entre lui et ses tâches. Aussi, on utilisera une base de données pour permettre à l'utilisateur d'avoir accès à ses tâches via différents périphériques.
Ce que tu vas apprendre
- Implémentation de l'authentification d'un utilisateur
- Ajouter et suppression de tâches
- Gestion des tâches en fonction de l'utilisateur connecté
- Tests fonctionnels associés
Autant te dire qu'avec tout ça, on va pouvoir passer sur différents concepts du framework et que tu vas apprendre plein de choses même si l'application ne semble pas bien complexe.
Avant d'aller plus loin, il est important d'avoir quelques bases sur l'outil qu'on va utiliser ! Pour cela, je te recommande ma série sur la création d'un petit blog avec AdonisJS.
Plan d'action
Cette série n'a pas pour vocation de te faire créer le design. Par conséquent, je te mets à disposition sur GitHub un template d'un projet AdonisJS avec les vues déjà prêtes ! Il ne te reste qu'à installer les dépendances avec npm ci puis de démarrer le serveur avec npm run dev.
Ensuite, tu peux simplement ouvrir ton navigateur sur localhost:3333 pour visualiser l'application web !
Important et pour se concentrer sur l'essentiel, il n'a été développé qu'une version mobile de l'application web.
Dans la suite
Dans le prochain épisode de la série, on va implémenter ensemble le système authentification avec les tests qui vont avec !
Top comments (0)