Inspiration
We were inspired by Password Game, super fun, would recommend everyone to play
What it does
Ransom Sssnake is a chaotic, stress-inducing browser game disguised as a high-paying job offer at the "High-Frequency Snake Trading Desk." The premise is simple but deceptive: you must keep a virtual snake named Sass alive for 20 "days" (levels) to earn a chance to be hired.
Players must frantically copy-paste "chickens" (🐥) into a text editor to feed Sass while managing his hunger levels—too few chickens and he starves; too many and he dies from overeating. While trying to maintain this balance, the user is bombarded with:
Pop-up distractions: Random facts and "cursed" messages that drift around the screen. Security Checks: Multiple math problems that must be solved correctly to avoid termination. and more...?
How we built it
Frontend: We used vanilla JavaScript, HTML, and CSS to create a retro "Windows 95" aesthetic. Backend: We built a lightweight Flask (Python) server to serve the application and handle the final time-wasted calculation. Deployment: The app is deployed on Vercel, utilizing their serverless function capabilities to run the Flask backend. Audio Engineering: We took some audios from the Myinstants Website (intense music by pavlos38; guest 1337 scream by your_mum6; IT'S JOHN CENA; I got this fahhhhhh by keven68; meow meow meow tiktok by gio40; minecraft music by joshua3321) and our beloved friend for voice acting: Simon Christian Luigi Soriano @simon_says_bye on tele
Challenges we ran into
We ran into numerous challenges including audio mixing together, questions going off the screen, sticky popups, no intro for game all while running on sheer willpower, sponsored drinks and the power of friendship
Accomplishments that we're proud of
We love Sass the snake YAYAYAYYAYAY. (I think it's cute) I think we've accomplished on making it a full on rage-baiter that pmos even as the person coding and testing it but at the same time it was fun! I hope you'll have fun playing it too! Or not hehe
What we learned
Serverless Deployment: We learned how to restructure a traditional Python/Flask app to work within Vercel's serverless architecture. DOM Manipulation: We gained a deep understanding of direct DOM manipulation, specifically regarding z-indexes, absolute positioning, and event bubbling to make our drag-and-drop popups work smoothly. User Psychology: We learned how to use design patterns to trick users—like making them instinctively want to close a popup, only to punish them with a jump scare for doing so.
What's next for Ransom Sssnake
Who knows? Guess you have to stay to find out!
How to use
Please run the app link on Google Chrome on full screen
Log in or sign up for Devpost to join the conversation.