Website Component Design Challenge (Development)

Website Component Design Challenge (Individual Entry).

Table of Contents

About the Competition:

Create a styled, reusable library of essential website components following a specified style guide.

Rules

Theme & Concept – Components should fit a given mood/theme.
Originality – Must be coded from scratch without AI assistance.
Software & Tools – Any text editor, CSS, JavaScript, HTML allowed.
Layout Size & Responsiveness – Fully responsive, scalable.
No Explicit Content – Components must be generic and appropriate.
Submission Format – ZIP of coded components with preview HTML files.
Judging Criteria – Usability, responsiveness, style consistency, interactivity.
Time Limit – 1 day.
Color Usage – Match theme and maintain accessibility.
File Size – under 10MB.
No. of Participants – 1.
File Name – WebComponentChallenge_HouseName_StudentID_StudentName

Norms in Judging

Style Consistency
Code Structure
Responsiveness
Accessibility
Component Scalability
Color & Typography Use
Clean Code & Naming
Presentation

References for Ideas

Create a page based on an event schedule, product showcase, blog, or portfolio.