Index Benjamin Fabri.

Clash of Dev.

Clash of Dev est une compétition de développement front-end d'intégration de maquettes Figma, diffusée en direct sur Twitch et évaluée par un jury de professionnels reconnus.

Année
2024
Rôle
Projet perso · solo
Liens
Stack
AstroJs · Figma · TypeScript · Preact · Tailwind
Clash of Dev Fig. 01 Clash of Dev

Autres liens

Site de la Piscine - Clash of Dev
Fig. 02 — Site de la Piscine - Clash of Dev
Site de la Finale - Clash of Dev
Fig. 03 — Site de la Finale - Clash of Dev

Détails

Clash of Dev est une compétition de développement front-end, opposant des développeurs à travers deux rounds intenses pour décrocher le titre de “Meilleur Dev”. L’événement est diffusé en direct sur Twitch et évalué par un jury de professionnels reconnus.

Les participants devaient intégrer des maquettes fournies sur Figma, créées spécifiquement pour l’événement.

Jury :

  • @LLCoolChris développeur renommé pour son expertise technique
  • @maislina product Designer, créatrice des maquettes à intégrer

Phases de la compétition :

  1. La Piscine (premier round) - Maquette dévoilée le 17 septembre 2024, projets remis le 23 septembre 2024
  2. La Finale - Maquette reçue le 1er octobre 2024, projets remis le 8 octobre 2024

Les participants sont jugés selon un barème rigoureux, évaluant à la fois le design et la qualité du code.

Résultats et critères d’évaluation - La Piscine

  • Respect du design : 5,5/6 points
  • Propreté du code (Lighthouse score, Organisation du code, Sémantique HTML) : 6/6 points
  • Responsive : 1,5/2 points
  • Motion (Originalité, Cohérence avec le design) : 2,25/3 points
  • Easter Egg : 1/3 points

Total : 16,25/20 - 4e place sur 50 participants

Résultats et critères d’évaluation - La Finale

  • Respect du design : 7,95/8 points
  • Propreté du code (Fonctionnement, Core feature, Bugs, Mobile) : 2,75/3 points
  • Motion (Originalité, Cohérence avec le design): 1,75/3 points
  • Prise de risque : 3/6 points

Total : 15,45/20 - 4e place sur 6 participants

Technologies

AstroJs
Site Piscine
Figma
Maquettes
TypeScript
Mode strict
Preact
Site Finale
Tailwind
Styles
Projet suivant
Crunchyscore