logo
  • icon
    • Accueilicon
    • Projetsicon
    • Articlesicon
    • Me contactericon
    • A proposicon
Logo mobile
logo

La confiance en soi s'acquiert par l'expérience et le travail acharné

Tiavina Michael RALAINIRINA linkedinTiavina Michael RALAINIRINA linkedin
Tiavina Michael RALAINIRINA whatsappTiavina Michael RALAINIRINA whatsapp
Tiavina Michael RALAINIRINA instagramTiavina Michael RALAINIRINA instagram
Tiavina Michael RALAINIRINA emailTiavina Michael RALAINIRINA email
Tiavina Michael RALAINIRINA skypeTiavina Michael RALAINIRINA skype
Tiavina Michael RALAINIRINA youtubeTiavina Michael RALAINIRINA youtube

Plus d'information

Contactez-moiMes projetsPlan du siteFAQPolitique de confidentialité

Contact

VN 50B, Ambohitsoa

Antananarivo, Madagascar

tiavinamika@gmail.com

Mika © 2026. Tous droits réservés.

Animated Portfolio V1

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

Visiter le site WebVoir le code source
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

Technologies
GithubIllustratorNetlifyPhotoshopReactJavascript
Tags
Portfolio, animation, svg
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.

Autres projets de Projet personnel

Roulez ensemble, partagez plus qu'un trajet
1lalana

Une application qui connecte conducteurs et passagers pour partager des trajets, réduire les coûts et favoriser une mobilité plus durable.

Tiavina Michael Ralainirina
Mon Portfolio

La version finale de mon portfolio avec une architecture performante, maintenable, scalable et SEO friendly

Un outil polyvalent conçu pour améliorer votre productivité et votre organisation
Noteo

Un logiciel de bureau multiplateforme de prise de note

Animated Portfolio v2
Portfolio-v2

Mon Portfolio développé avec React (JavaScript) et Flask (Python), offrant des animations fluides grâce à Framer Motion.

Metastigma
Metastigma

Un blog explorant le christianisme, la philosophie et la littérature, offrant des réflexions profondes sur la foi et la culture.

Poesia
Poesia

Une application web et mobile conçue pour les passionnés de poésie, permettant de découvrir, partager et créer des poèmes facilement

Sauvegarder et accéder à vos carnet d'adresse n'importe où
Carnet

Carnet est une application web et desktop conçue pour la gestion et la sauvegarde de carnets d'adresses et répertoires en ligne