https://github.com/allenyade/danyella.works
Mon site web personnel déployé avec Express.
https://github.com/allenyade/danyella.works
css css3 express gsap nodejs npm pugjs scrollmagic
Last synced: 3 months ago
JSON representation
Mon site web personnel déployé avec Express.
- Host: GitHub
- URL: https://github.com/allenyade/danyella.works
- Owner: movva-gpu
- License: mit
- Created: 2024-02-15T13:00:33.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-12T02:18:36.000Z (over 1 year ago)
- Last Synced: 2025-01-31T10:23:50.031Z (about 1 year ago)
- Topics: css, css3, express, gsap, nodejs, npm, pugjs, scrollmagic
- Language: CSS
- Homepage: http://danyella.works
- Size: 926 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Site web de Danyella Strikann
## Introduction
Ce site est mon plus gros projet web jusqu'ici, combinant un moteur de
template [Pug](https://pugjs.org), du back géré avec
[Express](https://expressjs.org) et donc [Node.js](https://nodejs.org),
ainsi que des animations avec [ScrollMagic](https://scrollmagic.io) et
[GSAP](https://gsap.com).
## Table des matières
- [Introduction](#introduction)
- [Contenus](#contenus)
- [Fonctionnalités](#fonctionnalités)
- [Accueil](#accueil)
- [Portfolio](#portfolio)
- [Projets](#projets)
- [Toutes les pages](#toutes-les-pages)
- [Back-end](#back-end)
## 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 🤍