Installer Todo App avec Docker

zarev 31 juil. 2024 3 min de lecture

Table des matières

Je ne vous cache pas que je crève littéralement sous la chaleur, je ne pensais même pas faire du tutoriel.

Aujourd'hui ça ne sera pas un tutoriel très élaboré MAIS qui peut quand même être utile.

Merci à Hhmm Donuts pour ta suggestion, elle tombe à pic!

Aujourd'hui nous allons parler de Todo App, une application ULTRA simple de To-Do list.

C'est vraiment pour faire sa liste de courses ou noter quelques petites tâches. N'empêche, elle est super légère et elle fait le job.

⚡Caractéristiques

Elle fonctionne.
N'a pas le dark mode.
Ne fait pas le café ni de ventilation.
Vous pouvez ajouter des tâches à faire, quand même!
Très légère.
Facile d'utilisation!
Barrer les tâches déjà faites.

💾 L'installation

À la racine du dossiers où vous avez toutes vos applications, on va cloner le dépôt:

sudo git clone https://github.com/dockersamples/todo-list-app

On va renommer le dossier, vous pouvez remplacer todoapp par ce que vous voulez:

sudo mv todo-list-app todoapp

On va aller dans le dossier, adaptez suivant le nom choisi à l'étape précédente:

cd todoapp

On va éditer le fichier compose.yaml

sudo nano compose.yaml

Pour être certain que ça fonctionne chez tout le monde, on va modifier 127.0.0.1:3000:3000 par ceci (vous pouvez changez le port 4471 par celui que vous voulez):

services:
  app:
    image: node:18-alpine
    command: sh -c "yarn install && yarn run dev"
    ports:
      - 4471:3000

Et pour terminer:

docker compose up -d --build

Rendez-vous sur l'ip:port, suivant l'IP de votre serveur local et du port choisi, 4471 par défaut:

http://ip:4471/

ou votre domaine:

https://mondomaine.com

🔨 Utilisation

Attention, c'est ici que ça se corse! Nan, je déconne...

Tapez dans le champ prévu à cet effet (ça sonne super bien cette formulation) la tâche ou un élément de votre liste de course, ou... Ou ce que vous voulez! Faites Enter/Entrée avec votre clavier si vous êtes fainéant, ou cliquez sur Add Item si vous êtes courageux:

Ce qui donne:

Vous pouvez barrer la tâche quand c'est termine en cliquant dans le petit carré:

Ou supprimer la tâche en cliquant sur la poubelle rouge:

‼️Conclusion

Sans la partie Utilisation, peu de gens auraient réussi à utiliser l'application, je vous remercie d'avance pour votre gratitude et je vous souhaite une bonne soirée.

J'ai quelques tutos qui arrivent qui sont autrement plus costauds, j'espère juste que cette chaleur étouffante va se calmer.