NeuroEase

NeuroEase is your personal mental wellness companion - offering guided sessions, mood tracking, and self-care tools to help you manage stress, anxiety, and emotional well-being daily.

Comment

NeuroEase 🧠

A Mental Wellness Web Application

Inspiration

The growing mental health crisis inspired us to create NeuroEase — a digital space where users can comfortably explore mental wellness tools without judgment. We recognized that while therapy is effective, not everyone has easy access to it. We wanted to bridge that gap with technology by providing a supportive platform that promotes mindfulness, emotional awareness, and routine mental health practices.

What it does

NeuroEase is a web-based platform focused on mental wellness. It allows users to:

  • Track and analyze their daily moods
  • Maintain a private mental health journal
  • Access calming exercises and wellness resources
  • Receive motivational tips or quotes
  • Manage mental health progress in a secure, user-friendly environment
  • Can be installed as a Progressive Web App (PWA) for offline access and native-like experience

How we built it

We built NeuroEase using the following tools and technologies:

  • Frontend: React with Vite for fast, modular development
  • Styling: Tailwind CSS for responsive and modern UI
  • Backend: Supabase for authentication and database storage
  • Environment: Vite with modular config for development and builds
  • State Management: React hooks and context for managing authentication and UI states
  • Version Control: Git and GitHub for collaboration
  • PWA Support: Configured using vite-plugin-pwa to enable offline access and installation prompts

The app was structured into modular components with clear separation of concerns, and user authentication was managed securely via Supabase.

Challenges we ran into

  • Authentication Integration: Configuring Supabase auth and syncing it with React routing logic was tricky, especially managing protected routes.
  • Real-time State Updates: Ensuring real-time UI updates based on mood tracking and journal entries required careful state handling.
  • Design Decisions: Balancing aesthetics and simplicity was challenging to keep the UI welcoming but not overwhelming.
  • Deployment Environment: Debugging Supabase keys and .env variables during deployment took extra time due to Vite’s build behavior.

Accomplishments that we're proud of

  • Designed a beautiful and responsive UI that's accessible and intuitive.
  • Implemented secure authentication using Supabase with real-time feedback for users.
  • Created a working journaling and mood tracking system that stores entries securely.
  • Learned how to integrate frontend and backend components effectively in a full-stack project.

What we learned

  • How to use Supabase for authentication and as a Postgres-powered backend
  • How to structure a scalable React project using Vite
  • How to use Tailwind CSS to build fully responsive UIs efficiently
  • Practical debugging techniques when dealing with environment variables and API integration

What's next for NeuroEase

  • Add AI-powered sentiment analysis for journal entries
  • Integrate reminders and daily check-ins via notifications
  • Enable sharing anonymized mood graphs with therapists or friends
  • Better accessibility features for screen reader support and low-vision users
  • Improve offline capabilities and add push notifications for the PWA version

Built With

Share this project:

Updates