Clarity

• 

  Welcome to Clarity – your all-in-one wellness and productivity companion. Track your mood, boost your focus, and journal smarter with AI!

• 

  Sign in with Google to unlock your personalized Clarity dashboard and start your wellness journey in seconds.

• 

  Your Clarity dashboard shows your mood trends, focus stats, and journal highlights—all in one place to track your progress.

• 

  Stay productive with our built-in Pomodoro timer. Start a focus session, track your work cycles, and watch your progress add up!

• 

  Reflect and grow with our AI-powered journal. Get instant feedback, mood analysis, and supportive suggestions every time you write.

• 

  Customize your Clarity experience—update your profile, manage notifications, and tweak your preferences for a perfect fit.

Inspiration

built Clarity because I noticed how hard it can be to stay focused and positive, especially with so many distractions and stress in daily life. I wanted to create an app that not only helps track productivity and mood, but also gives users real support using AI—something I felt was missing from most wellness tools.

What it does

Clarity is a fullstack wellness app that lets users: Sign in securely with Google Track their mood and focus sessions Use a Pomodoro timer to boost productivity Write journal entries and get instant AI-powered feedback and sentiment analysis Use voice-to-text for journaling See all their progress and insights on a personal dashboard

How I built it

I used React, Vite, and TypeScript for the frontend, with Tailwind CSS for styling. The backend is built with Node.js and Express, and uses the OpenAI API for AI journal analysis. Authentication is handled by Firebase Auth. I deployed the frontend on Vercel and the backend on Render, and used environment variables to keep all secrets safe.

Challenges I ran into

One challenge was making sure secrets like API keys never ended up in the repo or public. I also had to handle OpenAI API rate limits and make sure the app still worked with mock data if the quota was hit. Making the app feel fast and responsive, especially when waiting for AI responses, took some extra work with loading states and error handling.

Accomplishments that we're proud of

I’m proud that Clarity is a real, production-ready app with a clean UI and advanced features like AI-powered journaling and voice input. It’s fully deployed, secure, and easy for anyone to use. Seeing everything come together and work smoothly was really rewarding.

What we learned

I learned a lot about fullstack deployment, managing environment variables, and integrating third-party APIs like OpenAI and Firebase. I also got better at handling async operations and making sure the user experience stays smooth, even when things go wrong.

What's next for Clarity

Next, I’d like to add more personalized AI insights, maybe even daily wellness tips based on user data. I also want to improve analytics, add more gamification, and maybe let users connect with friends for extra motivation. There’s a lot of potential to keep growing Clarity!

Built With

• firebase
• node.js
• openai
• react
• render
• shell
• tailwindcss
• typescript
• vercel