Depuis quelques semaines, vous êtes développeur junior chez Techasite, une société de conseil spécialisée dans le développement de sites web et d'applications mobiles.
Avec votre cheffe de projet Amanda et le Designer UI, vous venez de faire une réunion de lancement du projet avec un nouveau client, FishEye. FishEye est un site web qui permet aux photographes indépendants de présenter leurs meilleurs travaux. Ils ont récemment levé des fonds et aimeraient mettre à jour leur site web.
Notre objectif est de construire un prototype fonctionnel en HTML, CSS et Javascript puis de le présenter à FishEye lors de notre prochain entretien avec eux.
Nous avons rédigé une note de réunion afin de détailler les fonctionnalités et les contraintes techniques additionnelles.
- Site web créé en HTML5/CSS3 & Javascript ES6
- Architecture des dossiers et fichiers respectée
- Fonctionnalités respectées :
- Page d'accueil: Liste de tous les photographes avec leurs informations. Au clique sur un photographe, redirection vers sa page.
- Page photographe: Galerie des travaux du photographe (photos et vidéos). Chaque média comprend un titre et un nombre de likes. 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 (possibilité de naviguer entre les médias). Cette page comprend aussi un bouton pour contacter le photographe.
- Accessibilité appliquée :
- Utilisation d'attributs HTML afin de préciser les actions et de décrire les images.
- Passage des tests AChecker sans erreur.
- La gestion des événements doit être configurée.
- Test final du site avec un lecteur d'écran
Clone the project then open the index.html file in your browser or use an extension to start a local server on this file.
Note
A Github Pages preview is also available for this project