Inspiration
In a fast-paced world, time is our most valuable asset, yet we often lose track of how we spend our 24 hours. Inspired by personal finance management, MyTimeBank treats time as a daily currency. Every day starts with a balance of 24 hours (1,440 minutes), and every activity is logged as a "withdrawal" from your time bank.
What it does
MyTimeBank is a lightweight, DB-less web application that helps users track, manage, and optimize their daily hours:
- Time Vault Dashboard: Visualizes remaining and spent time out of 24 hours in real time.
- Withdrawal Tracker: Log hours spent on sleep, work, exercise, hobbies, or leisure like transaction history.
- Local Privacy First: Uses browser LocalStorage so data remains entirely private and accessible without a backend server.
- AI Time Advisor: Integrates OpenAI API to analyze daily spending patterns and offer actionable time-budgeting feedback.
How we built it
- Frontend: HTML5, CSS3, JavaScript (React / Vanilla JS) for a responsive and clean UI.
- Storage: Browser LocalStorage to store transaction logs locally without requiring a database.
- AI Integration: OpenAI API to process log history and generate personalized daily time summaries.
Challenges we ran into
- Designing an intuitive dashboard interface that clearly communicates time balance like a bank account.
- Parsing and structuring spending history into concise context prompts for the OpenAI API to deliver meaningful daily feedback.
Accomplishments that we're proud of
- Built a fully functional, privacy-focused productivity tool without complex server or database overhead.
- Created a seamless integration between local data storage and OpenAI API analysis.
What we learned
- How to maximize browser storage capabilities for state management in DB-less applications.
- Practical prompt engineering techniques for personal context analysis.
What's next for MyTimeBank
- Weekly and monthly time analytics charts.
- Customizable daily hour targets and category limits.
- PWA (Progressive Web App) support for offline usage.
Built With
- css3
- html5
- javascript
- localstorage
- openai
- react
Log in or sign up for Devpost to join the conversation.