-
Framework JavaScript : NuxtJS
- Components : BootstrapVue
-
Framework CSS : Bootstrap
- Theme : LUX
Brief :
- Afficher les livres que l’on souhaite acheter
- Effectuer une recherche libre
- Récapitulatif du panier où sera appliquée la meilleure offre commerciale possible
Pour la magie :
- Afficher un livre (amplificatum)
- Possibilité de modifier la quantité de livres ajouté au panier
- Feedback lors de l'ajout d'un livre au panier
- Retirer un livre du panier (Finite Incantatem)
- Responsive
- Exécuter
yarn
- Cloner le repo.
- Déclarer les variables d'environnement (renommer
.env-dist
en.env
) - Exécuter
yarn run dev
- Cloner le repo.
- Déclarer les variables d'environnement (renommer
.env-dist
en.env
) - Exécuter
yarn run build
- Exécuter
yarn run start:local
(yarn run start
est utilisé par GAE avec les variables d'environnement de l'instance)
- Cloner le repo.
- Déclarer les variables d'environnement (renommer
.env-dist
en.env-gcp-build
) - Modifier
app.yaml
avec les mêmes variables d'environnement dansenv_variables
- Disposer d'un projet GCP avec App Engine d'activé (avec la facturation)
- (facultatif) Déclarer un domaine personnalisé sur GAE et ajouter les DNS pour accéder à l'application (où utiliser le domaine
appspot.com
) - (facultatif) Disposer d'un Cloud Load Balancer et d'un bucket Cloud Storage en backend pour servir les fichiers statiques
- Modifier le domaine du script
gcp-build
danspackage.json
- Exécuter
yarn run deploy
- (la première fois) Modifier
dispatch.yaml
pour qu'il corresponde avec votre projet GCP. - (la première fois) Exécuter
yarn run dispatch
yarn run test
Je me rend compte que je suis une quiche pour ça et qu'il faut vraiment que je prenne le temps de tester la partie vue/vuex. Le test visuel lors du développement sur un projet de cette taille peut suffir dans la limite du raisonnable mais là c'est pas dans mes capacités (sinon c'est dans 3 mois... 3 mois ?... 3 mois ?... 3 mwaaa).
Exercice technique Publicis Sapient.