Borked Ui : Website That Fights You

Hi!!!
So in this devlog, i added a feature that if user try to cheat his way by opening the dev console, then a cheater screen will show up preventing him from opening it.
I added this feature in all 3 levels.
Also , make sure you open this website on tablet or laptop, as i dont have made it responsive on phone as its too much of a chaos!!!
Turn on your volume also!!!

HI!!!
So, i made this website more annoying by adding optical illusion background, and more annoying emojies and colors.
I also changed the css(styling) for all levels!!! I hope you find it irritating!!!
I made all levels beatable so, i hope you also find it playable along with it being irritating
You can play it here
https://website-that-fights-you.vercel.app/
This will be my last devlog of this project, I am not planning for any future update!! but i would love to make a rage game like this again!!!!
Also, my attached video keep getting corrupted on level3!!!!! you can just play it to find it out

HI!!!

so i made the Game Over screen for the project.
It’s supposed to celebrate the player finishing all levels, but of course in the worst UI ever. I added huge flashing, spinning, jittering text that says stuff like “CONGRATULATIONS! YOU ARE A LEGEND!”, “GOAT STATUS UNLOCKED!”, and “AURA FARMING COMPLETE!”. The colors are super annoying(well for me tho)
I also made random fake popups and loading bars appear everywhere. They don’t do anything, just to make the player annoy. Clicking anywhere triggers random sounds and shakes the screen. Some icons and images glitch and flicker too, just to mess with the eyes.
The real “Continue” or “Restart” button is hidden in a corner, so the player has to find it by exploring carefully. It was really fun writing all the animations and random effects.

Here’s the demo link to try it:
https://website-that-fights-you.vercel.app/gameover.html

I think this is the most funny page I have made!!!

Also, for voters:
LINK for level2
https://website-that-fights-you.vercel.app/level2.html
For level3 , you can visit here
https://website-that-fights-you.vercel.app/level3.html

HI!!!

so today i finally made Level 3. This one is crazy messy and full of distractions.

The level is all about confusing the player with fake buttons, popups, clocks, progress bars, and glitching stuff everywhere. Nothing works the way it looks, but every level is still beatable.

I added flying buttons that swap positions when you get close, fake countdown timers, fake loading bars, and even random popup sounds. Clicking the wrong buttons makes the screen shake, and some icons and images flicker around to make you panic.

The actual success button is hidden, and the hint is in the screen. You have to ignore all the distractions, watch carefully, and find it yourself.
I also did some work on Game Over screen, I am reusing my previous components for it. I hope I do this project on time. :)

Here’s the link to try it yourself:
https://website-that-fights-you.vercel.app/level3.html
If you want to play all levels:
https://website-that-fights-you.vercel.app/

HI!!!
so today, i finalized level2, Its abt reading terms and conditions, but if you scroll too fast, you will be redirected to the top, you cant skip or accept the page!!! Only when you complete it, you goto next level (but there is a plot twists in the flying buttons, you can play it and find it out)!!!
I made alot of flying buttons and clocks in it to confuse the user. Since it is for bad UI competition , i made many levels of it showing bad UI, but no worries each level is doable
you can find it out by playing it on link provided below,
I think i should write more details in this devlog about the level, but i want users to find it out by playing , i have put alot of effort and thinking in making it, It was fun writing the logic for whole flow of the level2. I thought abt more difficult and bad ui stuff, but since i want this to be a doable game also , i am not going to make it too difficult.
Note: I used ai to write the terms and conditions. But, if i got time later,i will write my own yap!!!
LINK for level2
https://website-that-fights-you.vercel.app/level2.html
For level1 , you can visit here
https://website-that-fights-you.vercel.app/

HI!!!

so this is my first devlog of this project. So, I have already made Level 1.
Level 1 is basically all about a running button.

Whenever you try to click the button, it runs away. But after SOME TIME (you have to figure it out by paying close attention), the button will be clickable for 1 second (should I make it of even smaller duration?!). And if you click it, you will be redirected to Level 2.

And for your ease, I named it CLICK ME, so you will know when this button will appear.
But best would be if I just make it a random button, which would be so worse.
I’ll think about it later.

Anyways, there is still an issue. There is a race condition in my code. I’m sending an alert anytime the user clicks the screen/button and it’s not time yet, so the screen will send annoying alerts, but it’s not working because of the race condition.

The mouse events are occurring so fast, so I’ll try to fix that. For now, I tried my best to research it, but :”)

So I’ll make Level 2 first and then do this.
Also in the attached video, it took me 5 6 tries to do that :”) , I’m a bit slow :”)
Here’s a vercel link of this project, you guys can try it and tell me how many tries did it take for you?!
If you guys managed to do that, then I will have to make it more tough :”)

https://website-that-fights-you.vercel.app/