Projet Nike

🎉 Introduction

Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.

🎯 Objectif

• Apprendre Tailwind : Approfondir les connaissances en utilisant les classes utilitaires pour créer des mises en page flexibles et performantes.

• Optimiser l'Expérience Utilisateur : Assurer une interface fluide et engageante pour les visiteurs, avec une attention particulière à l'accessibilité.

• Éco-conception : Réduire l'empreinte carbone du site en allégeant le poids des pages et en optimisant les images. L’objectif est de combiner performance et respect de l’environnement, sans compromettre la qualité de l'interface.

⚡ Tech Stack

• Next
• Tailwind

📦️ Dépendances

• postcss
• prettier
• prettier-plugin-tailwindcss

🚀 Résultats

Éco-conception

• Images : Réduction de 89,56% du poids du dossier images
• Fonts : Réduction de 61,93% du poids du dossier fonts

Éco-index

Lighthouse Desktop

• Lighthouse Mobile

Accessibilité

• Couleurs : Choix de couleurs garantissant un score AAA en termes de contraste.

Wave