DEV Community

Cover image for 404: The Page That Gets Worse
Anupam Thakur
Anupam Thakur

Posted on

404: The Page That Gets Worse

April Fools Challenge Submission ☕️🤡

This is a submission for the DEV April Fools Challenge

What I Built

I built a 404 page that gets worse the more you use it.

Most 404 pages try to help you get back.
This one does the opposite.

The more you visit, the more it changes its personality:

🎀 Random pink mode appears
💘 A romantic theme shows up unexpectedly
🧠 "Try turning yourself off and on?" button
🌀 Inception messages after repeated visits
🔊 Completely unnecessary sound effects
🤡 Buttons that proudly do nothing

Demo

Live Site

Screenshots

first visit

The normal 404 page

Three magical number visit

fall in love

In between visit

why are coming back again and again

The time wasted visit

The OG Thousand

Code

If you're curious:

Review the code
Star it if it made you smile
Fork it and make it even more useless
Or improve it… if you dare

Fair warning though…
Exploring this code might be a waste of time.
But then again… so is this entire project.
view code

How I Built a 404 Page That Gets Worse Over Time

This project started as a normal 404 page.
Then I asked a simple question:

What if a 404 page remembered you… and reacted accordingly?

That idea turned into a useless but fun experiment.

Step 1: Track Visits

I used localStorage to track how many times someone visits the 404 page.

Each visit increases a counter:

  • First visit → Normal 404
  • Few visits → UI changes
  • Many visits → Things get… strange

The page slowly evolves based on visit count.

Step 2: Theme System

I created a simple theme system using data-theme.

Instead of hardcoding styles, I switch themes dynamically:

  • Default theme
  • Romantic theme
  • Flicker theme
  • Random surprises

This made it easy to add new personalities to the page.

Step 3: Random Chaos

To make the page unpredictable, I added:

  • Random messages
  • Weird buttons
  • Unexpected UI changes
  • Sound effects

Not every visit behaves the same.
And that’s where the fun begins.

Step 4: Progressive Weirdness

The key idea was gradual escalation:

  • First few visits feel normal
  • Then subtle changes
  • Then the page starts acting… unusual
  • Eventually it becomes completely useless

Tech Stack

  • HTML
  • CSS (theme system with data-theme)
  • JavaScript (localStorage + logic)

Why I Built This

Because not every project needs to solve a problem.
Some can just exist to make the internet a little more interesting.

And honestly…
The more I built it, the more it built itself.

Prize Category

submission is not specific to a prize category.

Anti-value

This project does not solve any problem.
It wastes time.
It adds confusion.
It becomes increasingly useless.

Really, it’s fun to build something useless 😂
Why always make something useful? Sometimes it’s better to just go with the flow and build for the fun of it.

Not every project needs to solve a problem.
Sometimes, it's enough that it made the process enjoyable.

And honestly, this one was just fun to build. 🚀

Ok thanks and BYE BYE, see you later or you can now below (click it)

Top comments (0)