kadiks / react_ecommerce_framer-motion

Ecommerce page transition with Framer motion

Installation

• npm i
• npm start

Partie 1

• Afficher une image
• Animer l'image au passage de la souris

Partie 2

• Installer React-router-dom

• Faire un lien vers la page produit

• Créer la page produit

• Créer un composant Product générique

  • Template
  • Gérer les tailles
  • Gérer les photos crédits

• Créer les 4 pages de produits

• Faire la Homepage avec tous les produits

• Transition entre les pages

  • Product et Product
  • Home et Product

Bonus

• Pretty CSS
• Awesome first page transition
• Est-ce que Link est focusable (tabindex)