ReFlow
- 4 Devlogs
- 9 Total hours
ReFlow is a simple addiction recovery tracker. Weekly circle tracker, clean days counter, AI companion for support, and an impulse button for when the urge hits. All data stays on your device.
ReFlow is a simple addiction recovery tracker. Weekly circle tracker, clean days counter, AI companion for support, and an impulse button for when the urge hits. All data stays on your device.
I scrapped the old UI, that I did with AI (yeah, should have not done that) entirely and rebuilt ReFlow with my own design. The previous version used colors suggested by Claude and honestly looked too generic. The reviewer was right about that.
The new design is actually mine.
I decided the river is gone. Instead there’s a weekly circle tracker, seven circles that fill as you stay clean. It’s simpler and more honest about what the app actually does.
The counter now shows days, hours, and minutes since your last slip, the Impulse button turns the whole screen green for 60 seconds with a breathing animation. The AI companion stayed mostly the same as it is just an API, it simply adapted to the new layout.
This version is 100% my own work except for the AI companion which still uses DeepSeek. No AI-generated UI this time. If this still looks like AI to someone, I don’t know what to tell them ʕ•ᴥ•ʔ
Hey everyone ʕ•ᴥ•ʔ
ReFlow is almost ready to ship. This project has been a journey – kinda more personal than anything else I’ve built on Stardance.
The onboarding flow with localStorage fell into place quickly. Name your addiction, set your reason, and it just works. The SVG river with the dark background, algae, and fish was surprisingly smooth to build – I had a clear vision and the code followed. Deploying to Vercel and hiding the API key with environment variables went way smoother than I expected.
The AI companion was a pain. First Gemini gave me CORS issues. Then OpenRouter rate-limited me instantly. Finally got DeepSeek working through a serverless function, but it took hours of debugging. The routing on Vercel also broke my links - pages kept redirecting to index.html until I renamed home.html to track.html.
The river is alive. The AI (surprisingly) listens without judgment. The timer ticks every second. You can name your addiction, track your days, and talk things through. Everything stores locally - no accounts, no tracking, no bullshit.
Shipping soon. A few more details to wrap up and ReFlow goes live.
Honestly, this one means more than Stardust. If it helps even one person feel less alone, it was worth every hour.
Hope you all like it 🤍
Hey everyone ʕ•ᴥ•ʔ
I completely redesigned the ReFlow UI today. The old beige version felt flat and didn’t match the calm atmosphere I wanted for an addiction recovery tool.
Claude helped brainstorm the new green and yellow color scheme – green for growth and healing, yellow for warmth. It works way better.
But I built the actual functionality myself. The Get Started button with localStorage checks, the addiction name and reason inputs, the confirmation dialog if you already have data saved - all my code. The canvas river skeleton is in place, and I spent time planning how to animate water levels smoothly.
Also got the AI companion working with DeepSeek’s free API after struggling with Gemini (CORS) and OpenRouter (rate limits). The companion has strict guardrails so it won’t judge, give medical advice, or say anything harmful.
Right now at about 3.5 hours. The river animation is the last big piece before shipping.
The AI API is not ready yet, just some static answers a user can get.
This project is personal. I know what addiction feels like, and I wanted to build something that doesn’t punish you for slipping – just shows you the river can always flow again 🤍
I started building ReFlow today.
It’s a minimalist addiction recovery tracker where your progress is visualized as a living river.
Stay clean, the river fills.
Slip, it gently recedes.
No guilt, no punishment.
Almost got the landing page structure done – navigation with the logo on the left, Home and Track buttons on the right.
The idea came from my own struggles. I wanted something that just shows you that the river can always flow again. Tomorrow I’ll start working on the river animation and the day counter.
Built with pure HTML and CSS for now. Forn now, no frameworks, no bloat. Keeping it simple.
I know 1h and 15 mins might seem a lot for just the page structure that I have done, but I was so indecisive about colors I ended up changing them a lot and time was ticking in the background ʕ•ᴥ•ʔ