Menu

Post image 1
Post image 2
1 / 2
0

Magikarp Countdown Challenge — 30 Days Web Challenge Day 1

DEV Community·Muhammad Abdu ar Rahman·21 days ago
#BGTEKLNk
#nextjs#typescript#webdev#const#math#dice
Reading 0:00
15s threshold

Try it live at 30days.abduarrahman.com — and the source code is on GitHub . The Origin It started with a random comment in a group chat: "You should build one web feature every day for 30 days." Someone said it as a joke. I took it seriously. Day 1 had to set the tone. Something fun, something with sound, something that hooks you in. I thought about dice, timers, and the classic Magikarp meme — why not make people chase a bouncing fish before they even start the challenge? The Magikarp Countdown Challenge was born: roll 4 dice to get a random target (1000-9999 milliseconds), then try to stop a precision timer at exactly that number. Hit it? The countdown drops. Miss it? Time goes up. Run out of time? Game over. But there's an easter egg... What I Built A multi-phase mini-game with: Bouncing Magikarp landing screen — a fish that bounces around the screen with physics, bubble trails, and ripple effects.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More