About the Project
The Tedious is an interactive website designed to make “doing nothing” surprisingly engaging. It is intentionally plain and simple, but filled with tiny interactive surprises, Easter eggs, and playful features that turn boredom into a fun experience.
Inspiration
The idea came from observing how people often spend time scrolling or clicking through websites without any real purpose. I wanted to create a project that celebrates boredom, turning it into an interactive experience rather than a mundane activity. Features like a growing plant when idle, evasive “Do Not Click” buttons, fake progress bars, and secret achievements were inspired by the idea that even nothingness can be engaging.
What I Learned
How to manipulate the DOM dynamically with JavaScript. Implementing state persistence using localStorage. Using timers and idle detection to trigger events. Creating interactive and evasive UI elements that respond to user actions. Adding secret features like the Konami code. Designing a multi-section website with smooth navigation, achievements, and subtle animations.
How I Built It
HTML was used to structure the website into multiple sections like Home, Procrastination, Plant, Office, and Secret.
CSS handled layout, colors, transitions, and animations to give subtle visual feedback for user interactions.
JavaScript managed all interactivity: Click counters and boredom meter Fake progress and motivation messages Plant growth when idle “Do Not Click” buttons Office simulator actions with optional sound Local storage to save state between sessions Secret sections and Konami code triggers
Challenges Faced
Idle detection: Ensuring the plant only grows when the user is truly idle without affecting other interactions. Buttons: Making buttons move in a fun but not frustrating way, while still being clickable. State management: Keeping track of clicks, achievements, plant growth, and other states using localStorage reliably. Multi-section navigation: Switching between sections smoothly while maintaining all interactive features.
Outcome
The final project is a fully interactive website that demonstrates how even a “boring” concept can be engaging when combined with creativity and JavaScript logic. It’s a fun playground to experiment with web interactions, user behavior, and hidden surprises.
Log in or sign up for Devpost to join the conversation.