Réalisation

Nuit de l'Info 2024

Marathon de code 24h

JavaScriptCSS3HTML5Web APIs
2024
24 heures
14 développeurs

Le projet en détail

La Nuit de l'Info 2024 nous a lancé le défi de créer une application web complète en une nuit sur le thème "Corps & Océans". Notre équipe a développé une expérience éducative interactive établissant des parallèles poétiques entre le corps humain et l'océan. L'application principale propose un voyage immersif où chaque organe trouve son équivalent marin : le cœur et les marées (circulation), les poumons et les récifs coralliens (oxygénation), le cerveau et les abysses mystérieux... Au-delà du projet principal, nous avons relevé plusieurs défis sponsors complètement déjantés. Le défi "Cookie Clicker Nightmare" nous a poussés à créer un jeu où le cookie devient imprévisible : il fuit la souris, rétrécit, se téléporte, se multiplie, et nécessite même d'activer le micro pour le faire apparaître ! Le défi "BadUI" nous a permis d'explorer l'art de créer une interface volontairement horrible mais techniquement complexe, avec un logo qui tombe littéralement de la page et des animations CSS délirantes.

Aperçu du projet

Screenshot 1 de Nuit de l'Info 2024
Agrandir
1 / 3
Screenshot 2 de Nuit de l'Info 2024
Agrandir
2 / 3
Screenshot 3 de Nuit de l'Info 2024
Agrandir
3 / 3

Défis relevés

  • Développer 3 applications distinctes en 24h
  • Coordination d'équipe en temps réel avec Discord
  • Créativité sous pression extrême (sujet révélé à 16h)
  • Intégration d'APIs web peu communes (Web Audio)
  • Gestion de la fatigue et maintien de la qualité du code

Compétences acquises

  • Développement rapide et priorisation efficace
  • APIs Web avancées (Audio, Geolocation)
  • CSS animations complexes et créatives
  • Travail d'équipe sous haute pression
  • Capacité à transformer des idées folles en code fonctionnel

Stack technique complète

Langages

JavaScript ES6+
CSS3 Animations
HTML5

Outils & Services

Keyframes avancés
Git
GitHub
Discord
Figma

APIs & Services

Web Audio API

Game Development

Canvas API

Déploiement

GitHub Pages (temporaire)