Back
EN
Clash of Dev

Clash of Dev

Project description

Clash of Dev is a front-end development competition that pits developers against each other in two intense rounds to claim the title of “Best Dev”. The event is broadcast live on Twitch and evaluated by a panel of recognized professionals.

Participants were required to implement mockups provided on Figma, created specifically for the event.

Jury:

  • @LLCoolChris a developer renowned for his technical expertise
  • @maislina product Designer and creator of the mockups to be implemented

Competition Phases:

  1. The Pool (first round) - Mockup unveiled on September 17, 2024; projects submitted by September 23, 2024
  2. The Final - Mockup received on October 1, 2024; projects submitted by October 8, 2024

Participants are judged according to a rigorous scale, evaluating both design and code quality.

Evaluation Criteria and Results - The Pool

  • Design Compliance: : 5.5/6 points
  • Code Cleanliness (Lighthouse score, Code organization, HTML semantics): 6/6 points
  • Responsive Design: 2 points
  • Motion (Originality, Consistency with the design): 2.25/3 points
  • Easter Egg: 1/3 points

Total: 16.25/20 - 4th place out of 50 participants

Evaluation Criteria and Results - The Final

  • Design Compliance: 7.95/8 points
  • Code Cleanliness (Functionality, Core features, Bugs, Mobile): 2.75/3 points
  • Motion (Originality, Consistency with the design): 1.75/3 points
  • Risk-Taking: 3/6 points

Total: 15.45/20 - 4th place out of 6 participants

Developed with

Pool: AstroJs, TypeScript, PreactJs, Tailwind CSS

Final: PreactJs, TypeScript, PreactJs/signals, Tailwind CSS

Pool

Final

Figma

Figma

Images

Pool website - Clash of Dev
Pool website - Clash of Dev
Final website - Clash of Dev
Final website - Clash of Dev