An app to help the marketing team create documents, based on Google templates, quicker and more efficiently.
Trop dur de choisir où manger le midi, enfin ça c'était avant cette application Android.
Lien vers la maquette Figma : https://www.figma.com/file/zTOajuYZ2MYCohjXHeSJuA/ZeniLunch?node-id=0%3A1&t=MHQir7ZKVIQ3yg5d-1
Dans le head de l'index.html :
Lorsque l’on clique sur le bouton valider dans la modal
Si succès : ouvrir une fenêtre du Google Slide avec le template généré
Si erreur : afficher un message d’erreur
Creer un retour de requete pour la creation de slide
Ajouter la partie google slide au backend.
Lier la route de création du backend avec une fonction permettant de créer des slides à partir des données transmises.
Route '/POST' pour pousser les données récupérées dans un nouveau template Google Slide
Avec un axios
Vérifier si Google Sheets pourrait envoyer une alerte suite à un contrôle de saisie sur le champ "Speaker" => Imposer aux collaborateurs de saisir des virgules pour séparer les speakers au format {Speaker 1, Speaker 2, Speaker 3, ....}
Attention: Si la date n'est pas bien saisie (Saisie au mauvais format) dans le Google Sheets, ceci va générer des erreurs dans OZKOUR lors du chargement des données.
Route 'POST' dans le back
Lorsqu'un utilisateur clique sur une colonne du tableau, les lignes du tableau doivent se trier.
Les liens des images semblent être inaccessible pour google slides
Installer :
Un calendrier pour choisir des dates plus visuellement
Ecarter le nom des speakers sur la droite (tableau = 3/4 pour les titres des talks et 1/4 pour les speakers.
Pictogramme à ajouter
Le backend semble améliorable(système de token) et certaine partie ne semble pas fonctionner (credentials.json).
Le back peut peut-être être simplifiable
Lorsque l’on clique sur le bouton valider dans la modal
Route '/GET'
Avec deux dates en paramètre
Pour permettre de rendre possible un appel API venant du front pour récupérer la liste des talks
Route '/GET' récupérer tous les talks d'une feuille google sheets
Création d'une fenêtre pop up (modale) qui s'ouvre lorsque l'on clique sur le bouton générer afin que l'utilisateur puisse voir un récapitulatif de tout ce qu'il a sélectionné dans le formulaire avant de générer un visuel :
faire en sorte que les talks ne se superposent pas dans le slide.
Home : '/home' = choisir un formulaire (talk ou training)
Afin que lorsqu'on modifie les dates du calendrier modifie les dates des inputs et vise versa.
L'intérêt de mettre les 2 est que le calendrier n'est pas vraiment accessible pour des personnes malvoyantes mais que le calendrier est plus visuel que les 2 inputs
refactoring selected talk
(s'il n'y a aucun talk entre les 2 dates)
Le bouton peut apparaitre net alors que le reste (sauf la pop up) est flou.
Normalement le bouton doit être flou comme le reste
pour les pages du Front
Rendre le composant calendrier du formulaire de talk:
-non lisible par le liseur d'écran
-non focusable par le clavier
Test store à revoir, test back à faire, et test front talk array à faire
FormTalk : '/formtalk' = formulaire permettant de générer un visuel
problem de style apparu après le merge de la tache 50
Faire en sorte de récupérer le style du slide de base dans le back (sous forme dynamique ?) pour ensuite l'appliquer aux nouvelles slides crées par le générateur.
Et donc supprimer les styles mis dans le code.
De cette manière, si les personnes décident de mettre à jour la slide de base (le visuel en tant que tel) il s'appliquera automatiquement aux prochaines slides, sans avoir besoin de changer le code.
Dans le composant ChoosingTemplate, avoir un visuel définit par défaut
Faire une modale qui s'ouvre lorsque l'on clique sur le bouton generer un visuel.
Celle-ci affiche un resumé/ recapitulatif de la selection de l'utilisateur :
Installer :
Suite aux retour de l'équipe marketing lors de la démo du 21/04, mettre à jour la maquette pour intégrer les évolutions suivantes:
Rajouter une pop-up qui récapitule : le type de liste (Talk OU training), le visuel (Quoi de 9 OU Emailing OU Twitter OU Slack), la période (date de début ET date de fin), et la liste des événements sélectionnés (Nom de l'évènement ET Titre du Talk ET Date ET Speaker) Univers? Heure et lieu de passage?
Ajouter une case à cocher/décocher au début de chaque ligne de la liste des évènement, qui permettrait de sélectionner/désélectionner des évènements de la liste à diffuser.
Procédure pull request
Lorsque l'on choisi le visuel QUOI DE 9 ?, dans le calendrier un weekpicker permet a l'utilisateur de choisir directement plage de semaine pour les events à sélectionner.
Permet 1 clic en moins dans le parcours utilisateur.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
