The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Routine — Daily Self-Care Tracker
Live (in Ukrainian): https://routine-tan.vercel.app
A mobile-first PWA for tracking daily self-care rituals — the small things that get lost when work takes over.
Built with Vite and Vanilla JS, no frameworks. Data lives in localStorage, so it's fully private and works offline. Installs to your phone home screen as a PWA.
Three views:
Today — tasks grouped by category (Body, Mind, Skin, Anti-habits) with a live progress bar
Stats — weekly heatmap, current streak, and honest insights into what you always do vs. always skip
Rituals — edit, reorder, and recategorize your habits
What makes it interesting technically: the entire design was prototyped in Claude Design (Anthropic's new tool, launched April 2026) in a single prompt — three screens, correct color palette, component structure. The HTML export became the design reference handed to Claude Code for implementation. Zero Figma, zero manual mockups.
Share feature: generates a 1080×1080 canvas card of your daily progress, exports via Web Share API on mobile.
Stack: Vite · Vanilla JS · CSS Variables · localStorage · PWA · Canvas API · Web Share API
Design workflow: Claude Design → standalone HTML export → Claude Code implementation
Working time - 2 hours
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
prepping for my workshop on Monday, this is a crochet visualization tool to see each and every step to turn yarn into a crab for the Claude Community House (claudebcn.com). Cool, no?
Creating immersive digital experiences with smooth website animations ✨
Designed & developed by Usman DevHub Tech & Creative Studio.
We create premium websites with modern UI, interactive animations, and unique visual experiences that help brands stand out. 🚀
Want a website like this for your brand?
DM us and let's discuss your project.
#WebDesign #WebDevelopment #WebsiteAnimation #UIDesign #CreativeStudio #DigitalAgency #UsmanDevHub
that gold bottle swirl looks so good. how long was that clip?
Two ways to build the same fitness app.
A: AI-first. No tabs, no dashboards. The app is one conversation with a coach that already knows you slept six hours and squatted heavy on Tuesday. You log sets by talking. The plan rewrites itself mid-workout.
B: The modern standard. Home, today's workout, set-by-set logging, class booking, progress. Everything a member expects, done properly.
Same brand, same components, same build quality. The only real difference is how much you're asking the user to unlearn.
Most gyms should ship B. A few should bet on A.
Which one would you open tomorrow morning?
1 voted
25%
3 voted
75%
4 votes
Closed
Going with A here, the idea of the plan rewriting itself mid-workout instead of you scrolling a dashboard feels like where fitness apps eventually land. Would you actually ship the AI-first version to real users right now, or is it more of a thought experiment at this stage?