UpLiftXP Hackathon MVP
Inspiration
We were inspired by the growing need to improve both physical and mental well-being, especially in the face of rising mental health challenges like depression, anxiety, ADHD, and PTSD. Our goal was to create a platform that empowers individuals to track their health progress, develop healthy habits, and stay motivated through gamified experiences like task completion and XP tracking. Upliftxp aims to make health and wellness engaging while addressing mental health concerns in a simple and accessible way.
What it does
Upliftxp is an app designed to track both physical activity and mental wellness tasks. The app provides:
- Apple Health Integration: Fetches daily step count data from Apple Health.
- Task List: A list of daily tasks promoting both fitness and mental health, such as walking a certain number of steps or completing a mindfulness activity.
- XP Tracking: Users earn XP for completing tasks, which motivates them to stay on track with their health goals.
- Global Leaderboard: Displays user rankings based on the XP they earn, encouraging friendly competition.
- Basic Habit Tracking: Allows users to track their progress and streaks for completed tasks over time.
- Push Notifications: Reminders to help users stay on top of their daily tasks.
How we built it
We built Upliftxp using the following tech stack:
- Frontend: React Native for cross-platform mobile development (iOS and Android).
- Backend: Firebase for user authentication, database, and hosting.
- State Management: React Context API to manage global state.
- UI Components: React Native Paper for a clean, user-friendly interface.
- Leaderboard: Firebase Firestore to store and query user XP data.
The app’s development was divided into key stages:
- Set up development environment (React Native and Firebase setup).
- User Authentication with Firebase (Google/Facebook/Email login).
- Task List & XP System where users complete daily tasks and earn XP.
- Leaderboard displaying global rankings based on XP.
- Basic Habit Tracker for monitoring progress over time.
Challenges we ran into
- User Authentication: Implementing Firebase authentication across multiple providers (Google, Facebook, Email) was slightly tricky, especially in terms of handling conflicts between different login methods and ensuring a seamless login experience.
- Leaderboard Sorting: Querying the leaderboard and sorting users by XP in real-time through Firebase Firestore caused some performance issues initially. We had to optimize the queries for scalability and speed.
Accomplishments that we're proud of
- Functional XP System: The XP tracking system works perfectly, rewarding users for completing tasks and creating motivation for them to stay on track.
- Leaderboard Implementation: We implemented a real-time leaderboard, which is dynamic and reflects user progress based on XP, creating a competitive element.
- Cross-Platform Development: With React Native, we were able to build an app that works seamlessly on both iOS and Android, ensuring a wider reach.
What we learned
- Firebase: We gained experience using Firebase for authentication, real-time database storage, and push notifications, which helped streamline our backend processes.
- React Native & Cross-Platform Development: We learned the nuances of building a cross-platform app that runs smoothly on both iOS and Android, optimizing user experience across devices.
- Gamification: We realized how important task completion and reward systems are in motivating users to stay consistent in their health journey. We saw firsthand how rewarding users with XP can drive engagement.
- Real-Time Data Handling: Working with Firebase Firestore and handling real-time data for the leaderboard was an important learning experience for us in ensuring smooth performance under multiple users.
What's next for Upliftxp
- Personalized Health Plans: We plan to add personalized fitness and wellness plans that adapt based on users' progress and goals.
- Broader Mental Health Resources: We aim to integrate more mental health-related tasks such as mindfulness exercises, mood tracking, and resources from organizations like Mental Health America.
- Expanded Health Data Integration: Future versions of Upliftxp will include integration with additional health data sources, such as heart rate and sleep tracking.
- Social Features: We plan to add features like friend lists, social sharing, and challenges to increase user engagement and build a supportive community.
- Android & iOS App Store Launch: After further testing and refinement, Upliftxp will be ready for public release on both the App Store and Google Play Store.
Log in or sign up for Devpost to join the conversation.