Projet "Bnw_unkown"

Lien du projet : https://bnw-unknown.herokuapp.com/

Lien du repertoire : https://github.com/Lucasbeneston/bnw_unknown

Informations générales

Étant photographe amateur à mes heures perdues, j’ai décidé de créer un site pour présenter quelques unes de mes photos, réalisées avec d’anciens appareils argentiques. Pour rendre le site plus interactif, j’ai voulu permettre à l’utilisateur de « rentrer » dans d’une chambre noire, en inversant les couleurs des photos, comme s’il s’agissait de négatifs.

Réalisations

Liste des réalisations :

• Intégration maquette mobile et desktop.
• Mobile first + responsive tablet, laptop et desktop.
• Curseur personnalisé (hover button, link, img, etc.).
• Inversion des couleurs pour un rendu "chambre noire" du site.
• Utilisation de Grid CSS pour afficher la liste des photographies.
• Bar de navigation sticky avec JavaScript.
• Affichage d'une photographie sélectionnée.
• Création de composants réutilisables (ex : photographie sélectionnée).
• Gestion des erreurs d'URL.
• Accessibilité (aria-label, event onKeyDown, tabIndex, alt, etc.).

Technologies

Liste (non exhaustive) des technologies et packages utilisés :

• React : v 17.0.1
• Node : v 14.15.1
• Node-sass : v 4.14.1
• ESLint : v 7.15.0
• react-router-dom : v 5.2.0
• prop-types : v 15.7.2
• Husky : v 4.3.4

Démarrer le projet

Dans un terminal, exécuter ces lignes :

$ git clone https://github.com/Lucasbeneston/bnw_unknown

$ cd ../path/to/the/file

$ npm install

$ npm start