---

Summary

Context

• Mise en situation / Case Study.
• Techasite, une société de conseil spécialisée dans le développement de sites web et d'applications mobiles / Techasite is a web and mobile agency.
• L'agence a été mandatée pour construire le prototype d'une plateforme permettant aux photographes de présenter leur travaux : Fisheye / - This company was commissioned to build the Fisheye prototype which provide photographers with a place to display their work.

My function / Rôle

Frontend developper (junior)

Goal / Objectif

• Construire la partie front du prototype d'un nouveau site / Build front part of a website prototype.
• Intégration de maquette / Mockup integration.
• Création d'une modal type carousel / Implementation of lightbox for image's slider.
• Implémenter une fonction de tri / Implementation of a filter feature.
• Respecter la sémantique HTML pour faciliter l'accessibilité / Respect the HTML semantic to improve accessibility (a11y and screen-readers).

Project

Assets

• Mockup : Figma
• Source code starter : Git
• Images : Amazon Storage

Getting Started

git clone https://github.com/W-Kamal/FishEyes_6.git and use a live server.

Potential improvements / Améliorations possibles

This project was made for learning a specific aspect of a feature. Therefore it might appear incomplete. If I had to push further this project, I would work on :

1. Performance optimisation.
2. Build a backend.
3. Fix some UI/CSS issues.
4. Add API part of the contact's form feature.
5. Image loading optimisation.
6. Transfer front to a framework like React or Next (in purpose to use routes).