Clash of Dev.
Clash of Dev is a front-end development competition involving the integration of Figma mockups, streamed live on Twitch and evaluated by a panel of renowned professionals.
Year
2024
Role
Personal project · solo
Links
● Website
Stack
AstroJs · Figma · TypeScript · Preact · Tailwind
Fig. 01 Clash of Dev More links
Details
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:
- The Pool (first round) - Mockup unveiled on September 17, 2024; projects submitted by September 23, 2024
- 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
Toolbelt
AstroJs
Pool site
Figma
Mockups
TypeScript
Strict mode
Preact
Final site
Tailwind
Styling
Next project
Crunchyscore