Create an accessible site for a photographers platform

Project description

This project is part of OpenClassrooms "Développeur d'application - JavaScript React" training.

The goal of this project is to complete and improve an existing site in order to be accessible for disabled people. The initial project is here. Only the first page was already coded. Figma file was also provided here.

Main missions:

• The content of the photographer page will be dynamically generated based on the photographer.
• When the user clicks on the "Like" icon, the number of likes displayed is incremented. The total number of likes of a photographer must correspond to the sum of the likes of each of his media.
• Media can be sorted.
• The arrow keys on the keyboard are also used to navigate between media in the lightbox.
• Display the content of the three contact modal fields in the console logs.
• All photos must have text descriptions.
• The user must be able to use keyboard commands to navigate the site.
• Use "semantic" HTML elements as much as possible.
• The code must pass AChecker tests with no “known issue” (so that it is WCAG compliant).
• All event handling (e.g. clicks and key presses) must be configured.
• Use a free screen reader.

🔗 Online Deployment

🛠 Tech Stack

Badges

Run Locally

Clone the project

  git clone https://github.com/EPourmo/create-an-accessible-site-for-photographers-platform.git

Go to the project directory

  cd create-an-accessible-site-for-photographers-platform

Start the server (Live Server extension is recommanded)

Features

• ESLint
• Lightbox
• like button toggle