RepliCode is a frontend-focused hackathon designed to test how well participants can observe, replicate, and improve real-world web interfaces.
Participants will be shown a reference website UI for a limited time and challenged to recreate it using HTML, CSS, and optional JavaScript. Internet access and AI tools are allowed, just like in real industry workflows, but participants must understand and explain what they build.
This hackathon emphasizes practical frontend skills, problem-solving, and design reasoning over memorization. Beyond replication, participants are encouraged to add thoughtful improvements that enhance usability, responsiveness, or visual clarity.
RepliCode is beginner-friendly while still rewarding clean structure, smart decisions, and creativity under time pressure.
Requirements
Participants must submit a publicly accessible static website link hosted using GitHub Pages, Netlify, or a similar platform.
The submitted project must be built using HTML, CSS, and optional vanilla JavaScript.
Each participant or team must explain at least one HTML, CSS, or JavaScript property used in their project.
Each submission must include at least one improvement added beyond the original reference design.
All submissions must be viewable in a browser. Local-only demos will not be evaluated.
Prizes
Winner
Awarded to the best overall project based on UI replication accuracy, code understanding, and quality of improvements.
Devpost Achievements
Submitting to this hackathon could earn you:
Judges
Jangam Naveen
Organizer
Judging Criteria
-
UI Replication & Layout
Quality and relevance of improvements added beyond the reference design, such as responsiveness, interactions, or usability enhancements.
Questions? Email the hackathon manager
Tell your friends
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.