Valorant

Fonctionnalités du projet

Le slider réaliser avec slickJS permet de voir tous les agents présents sur le jeu Valorant. Le gros challenge pour moi dans ce projet a surtout été les animations des différents éléments en css et javascript.Le projet n'est malheureusement pas en ligne, je vous invite donc à aller voir le site officiel puisque j'ai réaliser une copie exacte du site. https://playvalorant.com/fr-fr/agents/raze/

Lorsqu'un utilisateur séléctionne un agent via le slider, la partie de présentation des sorts se met à jour pour afficher les sorts de l'agent. Ainsi l'utilisateur peut découvrir l'ensemble des sorts du jeu simplement.

Le site propose des articles relatifs au contenu présent sur la page ainsi qu'à la version du jeu vidéo. Le principal challenge a été de réaliser l'animation au hover des cartes articles en css.

Challenge du projet

J'ai réalisé ce projet pour m'entrainer à réaliser des sites professionnels en respectant exactement le contenu existant. Le site est fonctionnel sur tous les supports. Je me suis aussi entrainé à utiliser une librairie JS, slickJS, qui permet de réaliser des carrousels élaborés (présent dans la banner du site).