Widget Olympique - Paris 2024

Merci d'avoir jeté un coup d'œil à ce projet ! Ce widget est un outil de visualisation de données sur les Jeux Olympiques, créé dans le cadre d'une compétition de design pour représenter la France.

Technologies Utilisées

  • ViteJS : Outil de développement rapide pour les applications web modernes.
  • Typescript : Superset de JavaScript qui ajoute des types statiques.
  • TailwindCSS : Framework CSS utilitaire pour un design rapide et réactif.
  • GSAP (GreenSock Animation Platform) : Bibliothèque pour des animations fluides et performantes.

Inspiration

Inspiration

Fonctionnalités

  • Animations Interactives : Utilisation de GSAP pour animer les cercles et les éléments de la page.
  • Design Réactif : Interface utilisateur responsive grâce à TailwindCSS.
  • Mises à Jour Dynamiques : Possibilité de se connecter à une API publique pour récupérer les données des médailles par continent (non implémenté mais suggéré pour une future extension).

Démo en Ligne

Le projet est déployé sur Vercel et accessible à l'adresse suivante : dev-olympics-paris-2024.vercel.app

Instructions d'Installation et d'Exécution

  1. Clonez le dépôt :

    git clone https://github.com/votre-nom-d-utilisateur/nom-du-projet.git
    cd nom-du-projet
  2. Installez les dépendances :

    yarn  install
  3. Lancez le serveur de développement :

    yarn run dev
  4. Accédez à l'application :

    Ouvrez votre navigateur et allez à http://localhost:3000.

Remerciements

Merci à Benjamin Code pour l'organisation de cette compétition et à tous ceux qui ont participé et contribué à ce projet.