WellnessCircle

Inspiration

The inspiration behind WellnessCircle came from observing the common frustrations students face at our university wellness center. Long waits for popular equipment, uncertainty about facility crowding, and the challenge of maintaining consistent workout routines amid busy academic schedules all pointed to a need for a smarter solution. We wanted to create something that would not only optimize the use of wellness resources but also foster a sense of community around fitness and wellbeing on campus.

As students ourselves, we've experienced the disappointment of walking across campus to use a specific piece of equipment only to find it occupied. We recognized that better resource visibility and management could transform the wellness center experience from one of frustration to empowerment.

What it does

WellnessCircle is a comprehensive mobile application that streamlines the campus wellness center experience through several key features:

Real-time Equipment Tracking: Users can view which machines and spaces are currently available before heading to the center
QR-based Check-in/Check-out System: Simple scanning allows students to start and end equipment sessions with ease
Dynamic Center Status Dashboard: At-a-glance view of facility occupancy across different zones and equipment types
Personalized Recommendations: The app suggests optimal times and equipment based on individual preferences and usage patterns
Session Analytics: Track workout duration, frequency, and patterns to help users maintain consistency

The app serves both individual students seeking a frictionless fitness experience and wellness center administrators looking to optimize resource allocation and understand usage patterns.

How we built it

We developed WellnessCircle as a cross-platform mobile application using React Native with Expo, enabling us to target both iOS and Android devices with a single codebase. Our technology stack includes:

Frontend: React Native (87.6% TypeScript) for the user interface
Backend: Firebase for authentication, real-time database, and cloud functions
QR Code Integration: Expo Barcode Scanner for equipment check-in/check-out
State Management: React Context API for global state
UI Components: Custom components with consistent theming across the app

We focused on building a responsive, intuitive interface that would provide value immediately upon opening the app. The homepage presents users with their current activity status, center occupancy metrics, and personalized recommendations—all designed to help make quick decisions about wellness activities.

Challenges we ran into

During development, we faced several significant challenges:

Real-time Data Synchronization: Ensuring that equipment status updates propagate instantly across all user devices required careful implementation of Firebase listeners and state management

QR Code Integration: Getting the barcode scanner to work seamlessly across different device types with appropriate permissions handling proved more complex than anticipated

User Experience Flow: Designing an intuitive flow that balanced simplicity with feature richness was challenging—we needed to provide immediate value without overwhelming new users

Data Privacy Considerations: Balancing useful analytics with student privacy concerns required thoughtful approaches to data anonymization and transparent user controls

Cross-Platform Consistency: Ensuring a consistent experience across iOS and Android while leveraging platform-specific capabilities added complexity to our development process

Accomplishments that we're proud of

We're particularly proud of several aspects of WellnessCircle:

Frictionless Check-in Experience: The QR scanning process takes seconds but provides immediate value to both the user and the community

Real-time Synchronization: Equipment status updates appear instantly across all devices, giving users confidence in the data they're seeing

Intuitive, Clean Interface: Despite the app's powerful features, we maintained a simple, approachable design that anyone can use without training

Responsive Performance: The app remains lightweight and responsive even while maintaining real-time connections

Privacy-Conscious Implementation: We designed our analytics to provide valuable insights without compromising user privacy

What we learned

This project taught us valuable lessons about both technical development and wellness center operations:

React Native Optimization: We gained deeper expertise in optimizing React Native applications for performance while maintaining real-time connections

Firebase Integration Patterns: We developed efficient patterns for real-time data synchronization that could be applied to future projects

User Research Insights: Conversations with potential users revealed unexpected priorities and use cases we hadn't initially considered

Resource Optimization Algorithms: We learned to balance immediate equipment access with fair distribution among all users

Cross-functional Collaboration: Working with wellness center staff showed us the importance of designing solutions that address both student and administrative needs

What's next for WellnessCircle

We have ambitious plans to expand WellnessCircle's capabilities:

AI-Powered Workout Recommendations: Personalized workout suggestions based on individual goals, preferences, and equipment availability

Wellness Community Features: Enable peer-led wellness sessions where students can share expertise in yoga, meditation, nutrition, and more

Academic Calendar Integration: Predictive analytics that anticipate busy periods based on exam schedules and semester patterns

Extended Wellness Partnerships: Expand beyond the campus wellness center to local fitness partners and wellness resources

Health Metric Tracking: Optional integration with health tracking services to provide a more comprehensive wellness picture

Senior-Friendly Routines: Specialized content for older community members to make the wellness center more accessible to all

Built With

• asyncstorage
• eslint
• expo-application-services
• expo-barcode-scanner
• expo-cli
• expo-haptics
• expo-linking
• expo-router
• expo-updates
• expo-vector-icons
• expo.io
• firebase
• firebase-authentication
• firebase-cloud-functions
• firebase-hosting
• firestore
• github
• html
• javascript
• lucide-react-native
• react-context-api
• react-native
• react-native-gesture-handler
• react-native-reanimated
• react-navigation
• typescript