Développeur Web
Frontend par préférence
Fullstack par convenance
Réalisation de l'interface d'une app à forte identité visuelle : des couleurs vives, des animations et beaucoup d'intéractions avec l'utilisateur
La maquette de chaque page est fournie, le travail consiste à les découper et les intégrer en respectant la charte graphique.
Ici l'utilisation de Sass nous permet de structurer les CSS, d'utiliser des palettes de couleurs et pleins d'autres choses !
Sass permet d'ajouter des fonctionnalités avancées au CSS pour éviter les répétitions :
Par exemple les @mixins sont un ensemble de règles qui peuvent être modifiées par des arguments, eux-même optionnels.
@extend permet de faire hériter les propriétés d'un autre selecteur, très pratique avec des class parentes.
Un des grands intérêt de Sass est le nesting.
Cela consiste à imbriquer des sélecteurs dans un sélecteur parent avec &.
Le code en est beaucoup plus court et lisible. Aussi les sélecteurs enfants, qui récupèrent une plus grande autorité,
sont plus facilement repérables dans le code.
Ce projet contient un certain nombre d'animations :
La dé/sélection de menu, le dé/like, le loader ...
Je me suis permis de faire une animation du coeur un peu plus riche sur la page de "La note enchantée".
Si vous souhaitez comparer la maquette au résultat que j'ai obtenu c'est par ici.