🌟 Inspiration Time is one of our most valuable, yet often underestimated, resources. As a student and developer, I noticed how easily hours slip by—especially while scrolling or procrastinating. That sparked a question: “What if time were actually money?”
This project gamifies self-reflection. It turns the last 3 hours of your day into a monetary + point-based report, helping you understand how you "spend" time, not just pass it.
💻 What It Does The app allows users to log activities from the last 3 hours—study, scroll, sleep, create, socialize—and see:
Earned value (in dollars)
Score points (based on productivity)
Insight messages
What they could afford if time was money It also lets you download a PDF summary for personal tracking or sharing.
🔧 How I Built It The project is built using:
HTML, CSS, JavaScript (Frontend)
html2pdf.js (PDF generation)
Vanilla JavaScript form handling and DOM manipulation
The user interface is clean, minimalist, and mobile-friendly. A downloadable PDF was implemented to make the insights tangible.
🚧 Challenges I Faced Designing intuitive time input fields
Preventing invalid inputs (e.g., >3 hours total)
Styling for both aesthetics and readability
Dynamically creating a structured PDF layout from DOM
📚 What I Learned How to manipulate time values (hh:mm to float)
User-centric design: reducing clicks, increasing feedback
Time really is money.
Log in or sign up for Devpost to join the conversation.