Réaliser un projet POC pour essayer d'implémenter la partie "chrome" minimaliste qui permet d'afficher des slides centrés full screen dans un navigateur

stephane-klein / backlog

My public backlog

30 stars 1 forks source link

Réaliser un projet POC pour essayer d'implémenter la partie "chrome" minimaliste qui permet d'afficher des slides centrés full screen dans un navigateur #368

Open stephane-klein opened 8 months ago

stephane-klein commented 8 months ago

Je souhaite réaliser un projet POC qui consiste à afficher des slides dans un navigateur web, comme le fait Reveal.js ou Slidev.

Le but n'est pas de réaliser un clone de ces deux outils, mais uniquement la partie "chrome" qui permet de bien afficher en full screen, centré les slides et permettre de naviguer entre les slides.

Contrainte : réaliser ce POC en SvelteKit.

Contexte : j'ai besoin de ce type de feature dans une fonctionnalité de l'application https://app.value-props.com que je suis en train de développer

Note : je viens de découvrir https://sli.dev/ aujourd'hui, je le considère comme une version "moderne" de Reveal.js.

stephane-klein commented 8 months ago

Voici le répository du début de POC https://github.com/stephane-klein/poc-slide-chrome-for-sveltekit

stephane-klein commented 8 months ago

Ce que j'ai réussi à implémenter :

implémenter la zone d'affichage du slide qui respecte de ratio largeur / hauteur défini par l'utilisateur
implémentation d'un composant grille de slide qui permet d'afficher un élément au 4 coins du slides + en haut et en bas + au centre

Screencast : https://youtu.be/rwiUh6JvgDM

J'ai passé : 3h49 (j'ai été plutôt lent, j'ai fait plein de petites erreurs qui m'ont ralentie).

stephane-klein commented 8 months ago

Pour le moment, je vais m'arrêter là sur ce POC, parce que j'ai peur que le système de changement de slides avec animation me fasse tomber dans un Yak.

Je pense que je vais essayer de continuer d'utiliser pour le moment Reveal.js dans mon projet app.value-props.com.