Stand&drinking water Reward

I made this project because I often staied in front of the screen for a long time and forget to stand up or drink water. I wanted something little but can remind me without making me use another complicated health app.

StandSip Rewards gives a reminder for standing and drinking water. When I do the action, I can press one button to check in. The app shows today's progress, my current streak, and points. It also gives special badges for small milestones, so the progress feels more fun and easier to continue.

For the demo, I built a browser-based page with HTML, CSS, and JavaScript. The reminder state and check-ins are kept in the browser, so the demo can work without a backend. I also added a simple reward calculation and locked badges to show what a longer version could become.

The hardest part was keeping the idea simple. Too many notifications can be annoying, and too many features can make people stop using it. I learned that a clear button, a small reward, and visible progress are enough to make a healthy break feel like a good achievement.

Built With

• browser
• javascript
• local