The Lost Feed

🔬Weird Science

The 24-Hour Code Challenge: How One Developer Beat Perfectionism

Discover the amazing story of a developer who built a full website in just 24 hours, overcoming perfectionism to create Darkmodes.com.

10 views·8 min read·Jul 3, 2026
Tell HN: I was tired of being a perfectionist so I built an app within 24 hours

Have you ever had a great idea, only to see it slowly fade away because you spent too much time trying to make it perfect? It's a common problem, especially for people who build things. The desire for everything to be just right can stop a project before it even starts.

But what if you could break free from that cycle? What if you decided to build something, not perfectly, but quickly, just to prove you could? One developer recently did exactly that, and their story shows a powerful lesson for anyone stuck in the trap of perfectionism.

The Silent

Struggle of the Creator

Many creators know the feeling. You have a brilliant concept, you start working on it, and then the details begin to pile up. You tweak a line of code here, adjust a design element there, and before you know it, weeks or months have passed. The project becomes a burden, and often, it never sees the light of day. This was a familiar pattern for one particular developer, who often found themselves caught in this very trap.

They had worked on many projects before, each one meeting a similar fate. The desire for perfection was a strong force. They would spend endless hours nitpicking every tiny detail, from the exact shade of a color to the most efficient way to write a function. This constant pursuit of flawlessness meant losing interest and abandoning projects. The site would become over-engineered, too complex for its own good, and the main goal would get lost, never reaching the actual app functionality. This cycle of starting and then stopping was frustrating and disheartening.

A Simple Idea

Sparks a Big Challenge

The turning point came from a simple, personal habit. The developer enjoyed collecting websites that featured beautiful dark mode designs. They found these aesthetics inspiring and useful for their own future software ideas. Over time, they had gathered a collection of about 20 to 30 of these visually appealing sites, bookmarking them for reference.

One day, while sharing these cool sites with friends, a practical problem came up. Linking to each site individually was becoming quite annoying for their audience. The friends expressed a wish to see all the dark mode examples in one single place, similar to how popular web design galleries like Awwwards showcase their selections. This feedback sparked an immediate idea: why not create a dark mode directory? It would be a useful tool for friends and a perfect way to organize their growing collection of inspirations.

"I thought a making a dark mode directory was a great idea as I could just link one site to my friends rather than bombarding them with links."

This idea, while seemingly straightforward, presented a new kind of challenge. Could it be built without falling into the old perfectionist traps? Could they actually finish something quickly, focusing on functionality over absolute polish? The developer decided to take on this challenge, not just for their friends, but for themselves.

The 24-Hour Deadline: A Race Against Himself

This time, something was profoundly different. The developer made a firm, non-negotiable rule: everything had to be done within 24 hours. This wasn't about building the next big, profitable startup, but about proving that a project could be completed quickly and effectively. It was a race against their own habits, a challenge to constrain themselves and focus solely on the core goal of creating a functional directory. This strict deadline was a way to force action over endless deliberation.

The process began swiftly, driven by this self-imposed time limit. First, a suitable domain name was quickly bought through Google Domains. Next, a basic React site was spun up using Next.js, a popular framework known for its speed and efficiency. The developer's collected bookmarks, which were the very heart of the idea, were then rapidly converted into a structured JSON file. This file held all the necessary information: the titles, brief descriptions, and URLs of each inspiring dark mode site. The React application was then built to read this JSON data and display the websites in an organized manner.

Tools for a Speedy Build

  • *Google Domains:

  • Used for a quick and straightforward domain purchase, avoiding lengthy decision-making.

  • *Next.js:

  • Chosen to create a fast and responsive React site, allowing for rapid development without getting bogged down.

  • *JSON file:

  • Employed to store the website data efficiently, making it easy to manage and display the collection.

This simple, yet effective, setup allowed for rapid development. The focus remained squarely on getting the content displayed and the directory functional, rather than perfecting every single line of code or pixel of design. The 24-hour clock was ticking, pushing every decision towards speed and practicality.

Solving the Tricky Parts:

Iframes and Saved Sites

Even with a tight deadline and a clear plan, technical hurdles can unexpectedly pop up. The developer faced one common issue when trying to display the collected websites within their new directory: many sites block iframes. An iframe is like a window that shows another website inside the current one. This blocking feature is often a security measure or a way to prevent content from being embedded elsewhere without permission. However, it meant the original plan of simply embedding live websites wouldn't work for every site in the collection.

To get around this significant obstacle, a clever and resourceful solution was needed. Instead of directly embedding the live, interactive websites, the developer decided to save each website's entire content locally. This involved downloading the full HTML, CSS, and JavaScript files for each dark mode example they wanted to showcase. Once saved, these static, local versions of the websites could then be displayed safely and reliably within the iframes of the directory.

This quick thinking and effective problem-solving were absolutely critical to keeping the project on track within the strict 24-hour limit. It demonstrated that even when faced with unexpected technical challenges, creativity and a practical mindset can find a way to overcome them without derailing the entire project. This approach ensured the directory could successfully display a wide range of dark mode sites, fulfilling its core purpose.

More Than

Just a Website: A Victory Over Perfectionism

Completing the dark mode directory in just 24 hours was far more than simply finishing a small coding project. It represented a deeply significant personal victory for the developer. For someone who had repeatedly struggled with the paralyzing grip of perfectionism, this rapid build was a powerful and undeniable statement. It proved, unequivocally, that getting something done, even if it wasn't absolutely flawless, was infinitely more valuable than endless tweaking and polishing that ultimately led to nothing being released.

The developer expressed genuine satisfaction and a sense of accomplishment with the outcome. The site, Darkmodes.com, wasn't created with the intention of becoming a huge, money-making product. It was simply a directory, a useful and elegant collection for friends and anyone else interested in beautiful dark mode designs. The true reward, however, was the profound feeling of execution, of taking an idea from a mere thought to a tangible, working product in a single day. This was the real triumph.

This experience powerfully highlights a core truth for many creators and innovators:

"I'm happy that I was able to execute on an idea within only a day of working on it. It's not a monetized product or anything, simply a directory, but still, it was fun."

The joy and satisfaction came directly from the act of creation itself, unburdened by the usual pressures of achieving absolute perfection. It was a liberation from self-imposed constraints.

The

Legacy of a Quick Build

The story of Darkmodes.com quickly began to spread, not just for its cool and inspiring collection of dark mode sites, but even more so for the compelling and inspiring story behind its creation. It became an accidental example for countless others who felt stuck in their own creative processes. It showed that sometimes, the absolute best way to move forward and overcome creative blocks is to set a tight deadline and simply build, focusing on progress over perfection. The site itself, a straightforward directory, now stands as a quiet yet powerful reminder of what can truly be achieved when you consciously decide to let go of the relentless need for absolute flawlessness.

This developer's personal challenge wasn't just about successfully making a website. It was fundamentally about changing a deeply ingrained mindset. It taught a crucial lesson about the power of an Minimum Viable Product (MVP), a concept often discussed in theory but rarely put into such dramatic and effective practice. This story vividly illustrates that sometimes, the greatest obstacle to bringing an idea to life isn't a technical challenge, but rather the internal battle against one's own perfectionist tendencies. It’s a testament to the power of simply starting.

What This Story Teaches Us

The remarkable tale of the 24-hour dark mode directory offers valuable and actionable insights for anyone who creates, codes, writes, or simply dreams of starting a new project. It serves as a strong reminder that:

  • *Action beats inaction:

  • Consistently getting something done, even if it feels imperfect, is always superior to endless planning and waiting for an elusive ideal.

  • *Constraints can spark creativity:

  • A tight, non-negotiable deadline can actually force you to focus intensely on what truly matters, leading to innovative solutions and efficiency.

  • *Personal victories are profoundly powerful:

  • Overcoming a significant personal challenge, such as deeply rooted perfectionism, can be far more rewarding and impactful than any external monetary gain or widespread recognition.

This forgotten viral story isn't just a quaint anecdote about a website; it's a universal narrative about the common struggle to initiate and successfully complete a project. It's a compelling call to embrace the concept of "good enough" and to discover the amazing and unexpected things that can come from letting go of the paralyzing need for absolute flawlessness in everything we do. It encourages us all to simply begin.

How does this make you feel?

Comments

0/2000

Loading comments...