Inspiration
This project started as a joke literally. We wanted to create something fun, unpredictable, and capable of turning a boring math session into pure chaos. While everyone builds serious tools, we thought, "Why not make a calculator that roasts you, shows you memes, and makes fart noises?" It was a way to bring humor into tech and relieve stress with some unexpected laughter.
What it does
The Troll Scientific Calculator works like a regular scientific calculator… until it doesn't. It has three hidden modes: Normal Mode: A clean, fully functional scientific calculator. Roast Mode: Triggers savage meme popups and AI-generated roast audio. AI Troll Mode: Randomly shows emojis like "Skull Face Clown face", laughing face" with weird sounds like barking, moaning, or clown laughs.
Every time a user hits =, chaos may be unleashed. Memes pop up, AI reads them aloud, emojis bounce in with sound effects all randomized to keep the prank fresh every time.
How we built it
We used HTML, CSS (Tailwind), and JavaScript for the front end. React powered the interactive calculator interface. OpenAI API was used for AI voice roast generation. 11Labs generated realistic voiceovers for meme lines. Sounds and emojis are randomly triggered using custom JS logic and simple state management. Deployed on Netlify via Bolt.new for a smooth build-to-launch experience.
Challenges we ran into
Syncing sound effects perfectly with emoji/meme timing. Preventing repetitive meme triggers to keep the experience fresh. Hiding roast/troll modes in a way that felt secretive but usable. Managing multiple media types — memes, emojis, sounds, and AI voice — without lag or bugs.
Accomplishments that we're proud of
Creating a full-featured calculator that’s both functional and hilarious. Making people laugh with code that’s rare. Hiding roast features so well, users won’t even know what hit them. Syncing AI voice with meme content and building a clean, troll-friendly UI.
What we learned
How to combine serious logic (calculator functions) with chaotic randomness (memes + sound). How to integrate AI and media generation in a lightweight frontend project. UI/UX matters even for troll apps. People love funny apps more than perfect apps.
What's next for Troll Scientific Calculator
Add voice input and allow AI to roast based on user’s question. Let users upload custom memes and sound effects. Meme roulette mode: different meme every second until you solve the problem. Share a reaction recording link so friends can watch each other getting trolled. Mobile app version for on-the-go chaos.
Built With
- audiocontextapi
- eslint
- fetchapi
- giphyapi
- github
- localstorageapi
- lucidereact
- netlify
- postcss
- react18
- speechsynthesisapi
- tailwindcss
- typescript
- vite
- webaudioapi
Log in or sign up for Devpost to join the conversation.