Dulce
Wellness

Role

Full Stack Dev

Year

2024

Stack

React Native, Firebase

Dulce Wellness App

Dulce (pronounced Dool-say) is a thoughtfully designed mental wellness application that serves as a digital sanctuary. Built with accessibility and sensory sensitivity in mind, it replaces complex UI with fluid, gesture-based interactions to create a predictable and calming environment perfect for users on the autism spectrum or anyone seeking mindful digital experiences.

The Challenge

Modern mental health apps often overwhelm users with complex interfaces and excessive features. Dulce needed to provide meaningful wellness tools while maintaining an exceptionally calm and predictable environment. The challenge was balancing functionality with sensory-friendly design principles.

Dulce Dashboard

Design Philosophy

One-Color Aesthetic

Exclusive use of deep Olive Green (#4E6813) and its tints for visual cohesion and reduced sensory overload.

Gesture-First Interface

Intuitive swipe and tap interactions that reduce cognitive load and create fluid user experiences.

Predictable Environment

Consistent patterns and animations create a safe digital space for users with sensory sensitivities.

Non-Verbal Alternatives

Multiple ways to engage without requiring verbal expression, including video diaries and visual mood tracking.

Core Features

Mindful Activities & Games

Zen Slide Puzzle with smooth React Native Reanimated transitions, Willowisp Maze with real-time Firebase synchronization, Guided Breathing exercises with custom animations, and Starlight Tap rhythm-based constellation finder.

Personal Reflection

Text Journal with Firebase Firestore real-time sync, Video Diary with Cloudinary integration for secure uploads, and Mood Analytics with Gifted Charts for visual trend analysis.

Progress & Motivation

Daily Streaks with visual rewards, Progress Dashboard with live activity completion metrics, and Leaderboards for friendly competition in mindful games.

Technical Architecture

React Native Expo SDK 49+ TypeScript Firebase React Native Reanimated Gesture Handler Cloudinary Gifted Charts

The application uses React Context API for state management (AuthContext, MusicContext) and custom hooks for reusable business logic. The component-based architecture ensures maintainability while the gesture-first interface provides native-like performance.

Next Project MOOVE AI Coach