Cocktailand

Dans cet article, nous allons parler Mojitos, machine learning et PHP, trois sujets que l’on mélange assez rarement, mais qui dans le cas du site Cocktailand sont rassemblés. Use case Je souhaite afficher la recette de cocktail qui ressemble le plus à celle que le visiteur est en train de lire. Comme je suis finalement quelqu’un d’assez fainéant, je n’ai pas envie de maintenir des listes de cocktails associés manuellement. Il faut donc trouver un moyen de calculer automatiquement cette liste pour les quelques 600 recettes et que cette liste soit mise à jour automatiquement pour intégrer les nouvelles recettes. ...

La page d’accueil de cocktailand affiche en moyenne 35 images. Dans sa première version, je n’avais pas pris la peine de soigner la gestion des images. J’avais pour objectif de sortir le produit minimum viable, je me suis donc attardé sur les fonctionnalités principales: L’ajout des recettes de cocktail L’affichage des recettes de cocktails La catégorisation Le moteur de recherche Cette méthodologie permet de sortir rapidement un site de base et de l’enrichir de façon successive. ...

C’est quoi un ESI ? Les ESI ou Edge Side Includes sont un balisage supporté par Varnish qui permet de gérer des temps de cache différents pour des blocs de la même page. Dans le cadre de Cocktailand, certains blocs sont actualisés régulièrement comme le “Cocktail du jour” mais d’autres ne changent quasiment jamais comme la liste des catégories. Voici donc le découpage que j’ai fait sur la page principale. Pour la barre de menu, c’est bien évidemment le contenu du méga menu que j’ai voulu mettre en évidence. ...

A la vue de cet article, on me dira surement que la stack technique du site Cocktailand est overkill. Ma réponse est simple: " Ouaip carrément !" Au-delà du plaisir de travailler sur la thématique des cocktails, je travaille sur ce projet aussi pour me faire plaisir techniquement et pour tester des technologies ou des services en mode SAS. Comme j’ai toujours la flemme de documenter mes sides projects, cet article fera office de documentation “technique”. ...