Overview
Code in the Dark is a creative and interactive competition-based website designed to challenge and showcase front-end development skills in a unique and engaging way. Inspired by the concept of developers building interfaces without visual previews, the platform creates an exciting environment where participants code purely from memory and creativity.
The website is built to host coding competitions where users are given a design reference and must recreate it within a limited time — without the ability to preview their work during the process. This pushes participants to rely on their knowledge of HTML, CSS, and layout techniques, making it both a fun and skill-intensive experience.
Code in the Dark features a visually dynamic and modern UI that reflects the competitive and creative nature of the platform. It includes sections for event details, participant registration, live competition tracking, and result showcases, and can highlight past competitions, winning entries, and leaderboards to encourage community engagement.
From a technical perspective, the website focuses on performance, responsiveness, and an immersive user experience, with countdown timers, submission handling, and interactive animations enhancing the competitive atmosphere. Overall, Code in the Dark is not just a website but an experiential platform that blends creativity, coding expertise, and competition.





Tech stack
- Figma
- Adobe XD
- Lovable
- Vercel
Tools used
- Figma
- Adobe Photoshop
- Adobe XD
- Adobe Illustrator

