Site web de Danyella Strikann
Introduction
Ce site est mon plus gros projet web jusqu'ici, combinant un moteur de
template Pug, du back géré avec
Express et donc Node.js,
ainsi que des animations avec ScrollMagic et
GSAP.
Table des matières
Contenus
- Une page d'accueil, contenant une petite présentation de moi
- Un portfolio, présentant certains de mes projets (Validity et ma SAE105)
- Une page recensant beaucoup plus de mes projets
- Mon C.V.
- Mon adresse mail et mon LinkedIn dans le menu
Fonctionnalités
Accueil
- Un effet de parallax avec GSAP
- Des animations déclenchées au scroll avec ScrollMagic
- Un effet de brouillage de texte sur une partie du deuxième paragraphe
Portfolio
- Un effet de parallax sur la bannière hero avec le mouvement de la souris
- Du texte se déplaçant avec GSAP et ScrollMagic
- Un effet de brouillage de texte sur le titre de la section sur Validity
- Des boutons arc-en-ciels pour les liens des différentes sections
- Une transition lors d'un click sur l'un de ces boutons
- Encore plus d'animations ScrollMagic X GSAP
Projets
- Un bouton incitant l'utilisateur à scroller vers le bas apparaissant
avec ScrollMagic
- Une grille avec mes différents projets
Toutes les pages
- Un menu animé avec GSAP
- Un bouton contenant des liens vers mes réseaux
- Du contenu responsive (mise à jour prévue pour le Portfolio)
Back-end
- Distribution statique du dossier www/
- Routeurs pour faire le rendu des templates dans views/
- Utilisation du moteur de template Pug
- Gestion et affichage des erreurs
- Authentification requise pour accéder au dossier private/
Made with all my love 🤍