Organized by DevClub · Est. 2025
CODE
CLASH
2025
500+Participants
₹50KPrize Pool
02Rounds
⚡ Register Now ◈ View Tasks
01

Competition Structure

1 🧠 Round 01

MCQ Test — UI/UX Mastery

Test your theoretical knowledge of UI/UX principles, design systems, color theory, typography, usability heuristics, and industry best practices through a timed multiple choice test.

30 Minutes Allotted
  • 30 questions covering UI/UX theory and tools
  • No external resources or internet access allowed
  • Negative marking: -0.5 for wrong answers
  • Top 20 scorers advance to Round 2
Difficulty Level
2 🖥️ Round 02

UI Replicate — Clone Wars

Showcase your frontend skills by cloning a given landing page as pixel-perfectly as possible. Judged on accuracy, responsiveness, and code quality. Bring your best designs to life.

60 Minutes Allotted
  • Replicate the provided landing page design
  • HTML, CSS, JS only — no UI frameworks
  • Must be fully responsive across devices
  • Judged on visual accuracy & clean code
Difficulty Level
02

Your Challenge

Clone This
Landing Page

Participants in Round 2 will receive the NexaFlow landing page as their target. Replicate it with maximum fidelity using only vanilla HTML, CSS, and JavaScript within the time limit.

🎯 TARGET · NEXAFLOW LANDING PAGE
◈
Judged on: Visual accuracy, responsiveness, typography fidelity, and overall polish.
✓
Allowed: Google Fonts, vanilla CSS animations, and vanilla JS only.
⚡
Sections: Navbar, Hero, Features, Pricing, Footer — all required.
✗
Not allowed: UI frameworks, Tailwind, Bootstrap, or any CSS libraries.
NexaFlow Landing Page Target

Target: NexaFlow Landing Page

03

Rules & Regulations

01

Eligibility

Open to all students currently enrolled in the college. Each participant must register individually with a valid college ID. No teams allowed for Round 1.

02

Fair Play

Use of AI tools, ChatGPT, Copilot, or any automated assistance during competition rounds is strictly prohibited and will result in immediate disqualification.

03

Submission

All files must be submitted via the designated portal before the timer ends. Late submissions will not be evaluated. Ensure code runs without errors before submitting.

04

Judging Criteria

Round 2 is judged on visual accuracy (50%), code quality (30%), and responsiveness (20%). Scores are final and the organizer's decision is binding in all cases.

05

Conduct

Participants must maintain decorum throughout the event. Any form of plagiarism, cheating, or disruption will result in immediate disqualification with no appeal.

06

Allowed Tools

Any code editor (VS Code, Sublime, etc.) is allowed. Google Fonts and standard icon libraries are permitted. No UI frameworks or pre-built templates.

07

Responsiveness

All submissions in Round 2 must be fully responsive across mobile, tablet, and desktop viewports. Responsiveness is a mandatory judging criterion, not optional.

08

No Collaboration

Collaboration between participants during any round is strictly prohibited. Each submission must be the sole work of the registered individual participant.

09

Round Advancement

Only the top 20 scorers from Round 1 (MCQ Test) will advance to Round 2. The cut-off score will be announced immediately after Round 1 results are tabulated.

10

Contact & Queries

For queries, reach out to the DevClub team at the help desk or via the official event email. All announcements are shared on the club's official social channels.

04

Time Remaining

Round Timer
00
Hours
:
60
Minutes
:
00
Seconds
05

Register Now