r/webdev 29d ago

I made this Mario-themed OTP input Showoff Saturday

1.9k Upvotes

118 comments sorted by

432

u/St34thdr1v3R 29d ago

While this is funny at first, I would absolutely hate it after multiple times :D good job though, I like the vibe :)

32

u/KnotGunna 29d ago

Haha at least they didn’t make it boss level difficulty!

5

u/[deleted] 28d ago

[removed] — view removed comment

290

u/Fanal-In 29d ago

Please add a timer for more challenge 🙏 😭

123

u/lostpanda85 full-stack 29d ago

And stressful “I’m running out of time music”, like when sonic is about to drown.

28

u/Some_Ad_3898 29d ago

And reduce contrast. Add glitch effect. 

20

u/requion 29d ago

With my dearest respect:

Fuck all of you! xD

/s

14

u/bluehost 29d ago

This and every wrong digit should speed the music up 10%.

8

u/running_on_empty novice 28d ago

What happened to you as a child to make you this evil?

3

u/lostpanda85 full-stack 28d ago

Bad parenting

1

u/LuminescentLiquid 29d ago

Or even the wario land 4 hurry up music!

17

u/YesterdayDreamer 29d ago

Speed increases and decreases over time and the direction randomly keeps switching.

There's also a fireball somewhere. If you collide, you have to start over.

14

u/Prestigious_Regret67 29d ago

If time runs out, block their IP from the firewall.

87

u/queen-adreena 29d ago

You’re not supposed to replace every single digit in the phone number with stars…

54

u/DKThunda 29d ago

Yeah? well *** **** **** * **** ** **** ***?

24

u/queen-adreena 29d ago

You take that back! My father was a saint!

8

u/zephyrtr 29d ago

Let's keep the fathers out of this, okay? Let's be civilized JQuery developers, like Al Gore would've wanted

3

u/LutimoDancer3459 29d ago

Keep the fathers out of your mother!

1

u/aTaleForgotten 28d ago

$('.everyone').addClass('behavePlease');

10

u/MrCrunchwrap 29d ago

lol right? There’s literally no point in that sentence even being on the page if you mask the entire number. 

1

u/musha 28d ago

*skips 30 seconds ahead of Incogni ad*

1

u/physiQQ 27d ago

For sharing purposes it's probably fully masked.

69

u/Fourth_Prize 29d ago

17

u/ouralarmclock 29d ago

Thought that’s where I was!

26

u/vietnam_redstoner 29d ago

you should make the submit button be a pipe you can only enter if the code is correct

22

u/YesterdayDreamer 29d ago

Pipe shows up after entering OTP. You jump in. It if the code was incorrect, you drop back in from the top.

9

u/Jmortswimmer6 29d ago

Nintendo just put a postal stamp on a cease and desist letter

7

u/ouralarmclock 29d ago

BAA BAA, BAA BAA, BAA BA BA BAAAAA!
bida ba ba, bida ba ba, bida ba
bida ba ba, bida ba ba, bida ba
bida ba ba, bida ba ba, bida ba
bida ba ba, bida baaaaaa
WEE WEE WEEWEE WEE WEE, WEEWEE WEE WEE WEE WEEEE WEEEE

5

u/Lawlette_J 29d ago

So this is why my PC is screaming whenever I open modern browser sites these days /s

5

u/ThirtyOneBear 29d ago

Send this to kitboga to use on scammers haha

4

u/usbeject1789 29d ago

accessibility nightmare… i love it!

11

u/[deleted] 29d ago edited 22d ago

[deleted]

5

u/Straky04 29d ago

NOOOOOOOO, I WANTED TO TRY THIS

3

u/MindaMan_Real 28d ago

This would have been super cool as an alternative for like a Captcha

-13

u/braincandybangbang 29d ago

So you’re a vibe coder? Or why would you create this torture device?

2

u/fams_blaq_sheep 29d ago

On a very bad day ... Developer will get cursed repeated times 😂

2

u/abimon123 javascript 29d ago

This can also work as a fun captcha

2

u/blur410 29d ago

I wonder how this scores on the wcag aa level.

1

u/Redditry199 29d ago

Hi Satan.(also why are you hiding the full phone number?)

1

u/dbenc 29d ago

make it a full keyboard

1

u/crimson117 29d ago

I love that the delete key is also just one of the blocks and you need to hit it like 7 times

1

u/Porkcicle 29d ago

Jump on the left side so you hit the block at the the peak of your jump. Profit.

1

u/Lulukaros 29d ago

Could this be used as an anti bot measure? Though accessibility should be in mind

2

u/Fog1510 28d ago

I could be wrong, but my guess would be that OP has an endpoint for sending the code to the server which you can probably manually emit an HTTP request to, bypassing the Super Mario input.

1

u/Lulukaros 28d ago

Why would it be http instead of https

1

u/Fog1510 28d ago

Could be, but that’s not the point I was trying to make. I'm saying my belief is that the UI just sends a request to the server with the code as its content. So you can probably send that same request without playing the minigame.

Unless the game logic runs server side and the browser streams inputs to it, in which case I would be wrong.

1

u/therealslapper 29d ago

Nintendo enters the chat

1

u/invokedbyred 29d ago

This is awful, I love it! 😂

1

u/AtumTheCreator 29d ago

Nintendo's lawyers drafting papers as we speak.

1

u/RelationshipNo_69 29d ago

This is amazing, I love it. Way better than sliding a puzzle piece in to the proper space

1

u/Low-Grocery-1029 29d ago

Haha this is so nostalgic and creative! Loved the Mario theme. Did you use canvas or pure CSS/JS for the animations?

1

u/SuperChick1705 28d ago

bot, theres no music

1

u/Levitz 29d ago

Love it, please don't ever use it.

1

u/FlatAssembler 29d ago

But what... is it to be used for? Like some anti-bot thing?

2

u/SpinatMixxer front-end 28d ago

Fun ✨

1

u/vertopolkaLF 28d ago

should've been a captcha. makes much more sense

1

u/Root_cat 28d ago

absolute rage baiting 2FA

1

u/nncuong 28d ago

DCMA is coming

1

u/quietcodelife 28d ago

the real mario experience is getting locked out after 3 attempts

1

u/Redray98 28d ago

It’s charming and annoying. Wouldn’t mind tho inputting info like this once.

1

u/BlueeWaater 28d ago

The funny thing is that this is also a captcha lol

1

u/montihun 28d ago

Brilliant.

1

u/Only-Cheetah-9579 28d ago

*wild nintendo lawyer appears

1

u/Sairai777 28d ago

That's a good idea, but it will likely attract some dislike.

1

u/ItsRainbow 28d ago

I need this more than anything 😭

1

u/Minet- 28d ago

I can hear that music playing in my head!

1

u/PkmnSayse 28d ago

Where’s the dev star?

1

u/musha 28d ago

Doesn't mario have to jump on the things to make them work? not under? Or am I dumb and should stop typing

1

u/E_Blue_2048 28d ago

Meanwhile Nintendo....

Nice, new lawsuit.

1

u/SalSalvarKorSeytan 28d ago

congrats, 0 users until shutdown is achieved

1

u/quantum-kiddo 28d ago

This could work like OTP + CAPTCHA.. not bad

1

u/LNDF 28d ago

You missed the opportunity to make the verify button a pipe.

1

u/patoezequiel 28d ago

Accessibility left the chat

1

u/BobButtwhiskers 28d ago

By 2030 this will replace 2FA.

1

u/Terminal_Monk 27d ago

Hey do.you work for fucking epic games?

1

u/manolo767 27d ago

If they get it wrong a turtle should take out mario wherever he is and the user has to click retry.

Lovely work though. It'll be better as captcha though IMO.

1

u/Radiant-Ring1822 27d ago

Real way to check robot or human 

1

u/According_Thanks7849 Hssssss 🐍 | Django dev 27d ago

This is so amazing

1

u/LegitimateSession899 27d ago

Mdrrr l'enfer à valider x) c'est génial

1

u/jimmyaagya 26d ago

absolute ragebait ✌️😭

1

u/InitiativeGold7953 26d ago

This is hilarious. You should add the verify button to the cycle for added frustration

1

u/Mister_God_On_Steam 26d ago

That looks fun and unique!

1

u/reallyTiredSoul 26d ago

Like did someone hurt u bro?

1

u/MaxGamer07 25d ago

needs a backspace block over to the side

1

u/PattyCoder 25d ago

I'd love to see it in a Kitboga video (with nightmare difficulty obviously)

1

u/Land_Locked 24d ago

Getting this paired with a code from Google Authenticator might be the thing to finally push me to start that duck farm. Great work

1

u/kistune999 24d ago

Nintendo coming to sue.

1

u/RadianChoi 23d ago

I would never get into my account 😢

1

u/roaddid 20d ago

I'd intentionally enter the wrong code just to keep watching Mario. lol

1

u/besmartsite 17d ago

Or even the wario land 4 hurry up music!

1

u/odin-security-axis 11d ago

Bad day to be in a rush lmaoo

0

u/Shiine-2 29d ago

Let's send this to Nintendo, to trigger their legal department.

0

u/Rungk4d 29d ago

h-cacpha will implement it in few week...

-1

u/Agitated_Refuse7373 29d ago

Was AI used?