Suivi de projet « Liste de lecture »
8 janvier 2022Sommaire
- Introduction
- Objectif
- Inspirations
- Google Sheet as BDD
- Couleurs
- Wireframe
- Prototype
- Dépôt, déploiement et sous-domaine
Introduction
Anciennement Mangathèque, pour sa version sixième version j'ai envie de faire plein de changement technique et assez peu finalement d'évolution fonctionnelle
Objectif
- Fini MySQL et PHP, on passe à des données provenant d'un Google Sheet
- Redesign dans un ton plus moderne et simpliste, voir les inspirations
- Wireframe sur Figma
- Ajout d'un thème sombre/clair
- Ajout des notions « vendu », « lu »
- Animation du logo avec Animate pour un petit effet Wahoo
- Ajout d'une recherche
Inspirations
J'aime beaucoup l'association des couleurs : rouge, blanc, noir, gris
et la grosse illustration du Tori et de la montagne
Google sheet as BDD
Google a modifié quelque chose car les méthodes pour passer un sheet en json ne fonctionnent plus, j'ai tenté pas mal d'outil en ligne qui fait toujours le travail mais sans payer les limites sont trop facilement atteints.
Pour arriver enfin à avoir un résultat basique en Javascript
See the Pen Google Spreadsheet as JSON data for website by Pierre TL (@pierre_tl) on CodePen.
C'est une première partie mais ça ne sera pas suffisant.
La manipulation du « json » va être coton (me faudrait un dev pour faire ça correctement), donc je vais voir pour contourner le problème avec
listjs comme je veux de toute façon l'utiliser pour la recherche.
Couleurs
Wireframe
Prototype — 5 janvier 2022
See the Pen Liste de lecture - WIP by Pierre TL (@pierre_tl) on CodePen.
Dépôt, déploiement et sous-domaine — 8 janvier 2022
- Dépot : https://github.com/pierretl/liste-de-lecture
- Déploiement : chez Netlify, https://liste-de-lecture.netlify.app
- Sous-domaine : Via Netlify également : lecture.pierre.tl