Retour aux projets

Nuit de l'Info 2024

Durée

Décembre 2024 (1 nuit)

Équipe

Équipe Le Buff Chinois

Mon Rôle

Développeur

Technologies Utilisées

HTMLCSSJavaScriptReplit
HTMLCSSJavaScriptReplit

Contexte

La Nuit de l'Info 2024 est ma deuxième participation à cette compétition nationale annuelle. Le thème de cette édition était le changement climatique, une problématique soulevée par le GIEC (Groupe d'experts intergouvernemental sur l'évolution du climat).

Notre équipe "Le Buff Chinois" devait créer un site web innovant et pertinent pour sensibiliser aux enjeux climatiques et encourager l'action pour un avenir durable. Nous avons choisi une stack simple HTML/CSS/JavaScript, hébergée sur Replit, pour pouvoir itérer rapidement pendant la nuit.

Objectifs

  1. 1.Créer un site web de sensibilisation au changement climatique en une nuit
  2. 2.Présenter de manière claire et engageante les impacts du changement climatique
  3. 3.Proposer des solutions concrètes pour réduire l'empreinte carbone
  4. 4.Concevoir un design interactif pour capter l'attention des utilisateurs

Approche Technique

Le site a été développé en HTML, CSS et JavaScript, hébergé sur Replit pour un déploiement instantané. L'approche était pragmatique : utiliser des technologies maîtrisées par toute l'équipe pour maximiser la vitesse de développement.

Le contenu du site couvrait les impacts du changement climatique avec des données du GIEC, et proposait des solutions concrètes pour s'adapter et réduire son empreinte carbone. Le design interactif visait à rendre le sujet accessible et engageant.

Architecture

Site web statique :

  • Frontend : HTML, CSS, JavaScript
  • Hébergement : Replit
  • Contenu : Données GIEC, impacts climatiques, solutions concrètes

Compétences Développées

Développement web sous pression

Livraison d'un site web fonctionnel et pertinent en une seule nuit, avec priorisation des fonctionnalités essentielles.

Travail d'équipe en hackathon

Coordination efficace de l'équipe Le Buff Chinois sous pression, gestion du temps et répartition des tâches dans un délai extrêmement restreint.

Extraits de Code

Systeme de grid-based movement en C#

csharp
Loading...

Ce script C# implemente un systeme de deplacement grid-based pour Unity. Le joueur se deplace case par case (1 unite) avec WASD/fleches. La methode TryMove() verifie les collisions par Raycast avant d'autoriser le mouvement. L'interpolation MoveTowards() assure une transition fluide entre cases. Le snap sur grille garantit un alignement precis, essentiel pour les puzzles.

Gestion interactions objets avec systeme events

csharp
Loading...

Ce systeme d'interaction utilise les UnityEvents pour une architecture modulaire. Le script detecte la proximite du joueur, affiche un prompt UI et declenche des events lors de l'interaction (E). Les methodes OpenDoor(), CollectKey(), ActivatePuzzleSwitch() sont assignables via l'Inspector Unity, permettant de configurer les interactions sans coder. Ideal pour game jams ou la rapidite est cruciale.

Résultats & Bilan

Le site a été livré fonctionnel à la fin de la nuit avec une présentation claire des impacts du changement climatique, des solutions proposées, et un design interactif. Par rapport à ma première participation en 2023, cette édition montre une nette progression dans l'organisation et la qualité du livrable.

Réflexion & Apprentissages

Cette deuxième Nuit de l'Info confirme l'importance de choisir des technologies maîtrisées lors d'un hackathon. En optant pour HTML/CSS/JS sur Replit, nous avons pu nous concentrer sur le contenu et le design plutôt que sur des problèmes techniques.

La thématique du changement climatique nous a poussés à aller au-delà du simple développement technique pour réfléchir à l'impact et au message que nous voulions transmettre.

Retour aux projets