Animated Portfolio V1

Mon portfolio personnel avec des animations complexes faites avec les librairies React.js comme Framer Motion et React Spring

Tiavina Michael RALAINIRINA

Description du projet

Après avoir découvert Framer Motion lors d’un précédent projet, j’ai été immédiatement séduit par ses possibilités. J'ai donc décidé d'explorer pleinement son potentiel en l'intégrant à mon portfolio. Grâce à mon expérience en SVG, manipuler les images vectorielles et les éléments HTML est devenu plus fluide et intuitif.

Cependant, par manque de temps, j’ai dû abandonner le projet à l’état où il était. Le site, dans sa version 1, est entièrement statique, c'est-à-dire qu'il ne possède aucun backend, et il n’est pas responsive. Cette première version s'est révélée trop complexe et lourde, rendant sa maintenance difficile. De plus, j'avais utilisé trois librairies différentes pour les animations, ce qui a affecté les performances.

Pour améliorer cela, j'ai décidé de reconstruire le site avec Next.js pour optimiser les performances et le SEO. J’ai également abandonné Material UI, qui alourdissait l’application, au profit de solutions plus légères et personnalisées.

Enfin, pour rendre le site dynamique, j’ai planifié la création d'un backend en Python et l’intégration d’une base de données MongoDB dans la version 2. Cela permettra de gérer des fonctionnalités évolutives et d'ajouter du contenu de manière plus flexible et en temps réel.

Cette V2 promet d’être plus performante, maintenable et adaptable à mes besoins futurs.

Capture d'écran

Animated Portfolio V1
Société

Projet personnel

Platforms

Web

iconiconiconiconiconiconicon

S'abonner à ma newsletter

Abonnez-vous à ma newsletter pour pouvoir suivre et récevoir des offres spéciales et les articles / tutos que je publie occasionnellement sur mon blog

* Vous pouvez se désabonner à tout moment en cliquant sur le lien de désabonnement contenu dans chacun de nos mails.