(le contenu de la page sera généré de manière dynamique en fonction du photographe)

○ Affiche une galerie des travaux du photographe.

○ Les photographes peuvent montrer à la fois des photos et des vidéos.
■ Dans le cas des vidéos, montrer une image miniature dans la
galerie.

○ Chaque média comprend un titre et un nombre de likes.
■ Lorsque l'utilisateur clique sur l'icône "Like", le nombre de likes
affiché est incrémenté.
■ Le nombre de likes total d’un photographe doit correspondre à la
somme des likes de chacun de ses médias.aw

○ Les médias peuvent être triés par popularité ou par titre.

○ Lorsque l'utilisateur clique sur un média, celui-ci doit s’ouvrir dans une
lightbox :
■ Lorsque la lightbox est affichée, il y a une croix dans le coin pour
fermer la fenêtre.
■ Des boutons de navigation permettent de passer d'un élément
média à l'autre dans la lightbox (les utilisateurs peuvent cliquer
sur ces boutons pour naviguer).
■ Les touches fléchées du clavier permettent également de
naviguer entre les médias dans la lightbox.

○ Afficher un bouton pour contacter le photographe.
■ Le formulaire de contact est une modale qui s'affiche par-dessus
le reste.
■ Il comprend des champs pour les noms, l'adresse électronique et
le message.
■ Plus tard, le bouton de contact enverra un message au
photographe. Pour l'instant, seulement afficher le contenu des
trois champs dans les logs de la console.

○ Liste de tous les photographes avec leur nom, leur slogan, leur
localisation, leur prix/heure et une image miniature de leur choix.

○ Lorsque l'utilisateur clique sur la vignette d'un photographe, il est
amené à sa page.

Responsive design
“Pour cette itération, pas besoin que le site soit responsive sur mobile.”

● Le code est séparé en différents fichiers (HTML, CSS, JavaScript).

● ESLint est utilisé (avec les paramètres par défaut) pour garantir que le
code est robuste. Ceci est particulièrement facile à intégrer avec l'IDE
VSCode.

● Une version moderne (ES6 ou supérieure) de JavaScript est utilisée et
les fonctionnalités obsolètes ne sont pas utilisées.

● Le code est lisible. Il faudra s'assurer que les variables et fonctions ont
un nom qui ont un sens, et commenter le code lorsque le nom
n'indique pas explicitement ce qu'il se passe.

Il est très important que notre site soit accessible aux utilisateurs malvoyants.
Toutes nos photos doivent comporter des descriptions textuelles, et vous devez les
inclure dans la page. De plus, l'utilisateur doit pouvoir utiliser les commandes du
clavier pour naviguer sur le site, comme les touches fléchées de la lightbox"

● Utilisez des éléments HTML "sémantiques" qui décrivent leur intention autant
que possible, au lieu de mettre des éléments