Skip to content

movva-gpu/danyella.works

Repository files navigation

Mon logo

Site web de Danyella Strikann

Version License Pug version Node.js version Express version

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 🤍