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
The Wellness Companion is designed as a serene, modern, AI-powered digital sanctuary. It merges tranquil wellness practices (like journaling and sound matching) with reliable daily productivity tools, all backed by Cloud Firestore and the Gemini API.
Here is an overview of the core features and the work that has been completed:
🌟 Core Philosophy & Design
The application features a minimalist "Sanctuary UI" styled with soft glassmorphic effects, beautiful negative space, calming color accents, and responsive typography. The goal is to provide a gentle, non-intrusive environment that replaces typical high-friction interfaces with peace and focus.
🎨 Key Functional Modules
Mindful Soundscape Synth (Soundscape.tsx):
An interactive synthesizer powered by Tone.js that translates text prompts (e.g., "Stellar clouds and soft bells") into rich, ambient sound parameter arrays.
Equipped with beautiful default channels (Celestial Rain, Deep Ocean, Forest Winds) and an expandable ambient audio library allowing you to dynamically add, configure, and blend customized sound layers.
Protected with strict user-facing rate-limit guardrails, including built-in cooldown meters (15s to 60s) and elegant fallback status displays in case of Gemini API quota limitations.
Sage Chat & Personal Coaching (AIChat.tsx):
A persistent, empathetic counseling companion that remembers your conversation history.
Uses live Google Search Grounding to pull in helpful context, links, and guidance safely.
Recently secured with robust error serialization so that optional citations do not conflict with Firestore collections when updated.
Empathic Dashboard (Dashboard.tsx):
Acts as your daily landing page, synthesizing real-time wellness insights, personalized soulful affirmations, current habits, and pending routines.
Optimized with smart lazy-fetching mechanisms to lower API footprint and avoid high rate-limit exposures.
Productive Habit Tracking & Reflection (Journal.tsx, Goals.tsx, Planner.tsx):
Journal: A structured, private digital diary featuring AI-guided daily reflections, mood histories, and persistent safety guards.
Goals: A canvas to establish intentions, track long-term milestones, and visualize positive habit formations.
Planner: A clear organizer for scheduling routines and managing task timelines smoothly.
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
I attempted to redesign a website's hero section and can't decide between these. Do you prefer the subtle gradient or the simple and informative?
5 voted
36%
9 voted
64%
14 votes
Closed
Simple
75% of consumers judge a business's credibility by its website design 💥
But here's what nobody talks about: when you redesign a local business site, the owner doesn't want something unrecognizable. They want their business, just sharper.
That's exactly what I did for ProSharp.
ProSharp is a one-man mobile knife sharpening business. Real craft. Loyal customers. The site already had everything it needed. Services, pricing, contact info.
I didn't replace it. I refined it.
Same content. Same identity. Cleaner frame. Cinematic transitions. Typography that finally matches the quality of the work.
Then I took it a step further.
An AI concierge that qualifies leads, books appointments, sends confirmation emails, and syncs everything to the owner's Google Calendar. Automatically.
Chat → Qualify → Book → Email → Calendar.
Before the owner even checks his phone.
The best redesign doesn't look redesigned.
It just works harder.
Amazing!
This hits different.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?