• 

  Using Figma for our wireframe

• 

  History page

RotReset

Inspiration

In today's fast-paced world, mental health often takes a backseat to our daily responsibilities. Inspired by the engaging and motivational aspects of apps, we wanted to create a platform that prioritizes mental well-being through interactive and progressively challenging activities. Our goal was to develop an app that not only tracks mood but also encourages users to build healthy habits and maintain consistency in their self-care routines.

What It Does

RotReset is a mental health-focused app designed to help users track their mood and engage in activities that promote well-being. Key features include:

• Personalized Activities: Users can participate in challenges like breathing exercises, yoga, stretches, walks, and randomized tasks that progressively increase in difficulty.
• Time-Based Suggestions: The app asks users how much time they have and suggests activities that fit their schedule.
• Streak Development: Encourages users to build and maintain streaks, fostering consistency in their mental health practices.
• Mood Tracking: Incorporates a notes section and a rating system using emojis to allow users to express how they feel after each activity.
• Progress Monitoring: Users can track their achievements, earn badges, and see how long they've been consistently engaging with the app.
• Social Interaction: Allows users to add friends, fostering a community of support and motivation.

How We Built It

• Frontend:

  • Framework: React for building a dynamic user interface.
  • Styling: Tailwind CSS for efficient and responsive design.
  • UI Components: Shadcn for a consistent and accessible component library.

• Backend:

  • Authentication: Firebase Auth for secure user sign-in and management.
  • Language: TypeScript for type safety and better code maintainability.

• Database:

  • Firestore: Used for real-time data storage and synchronization, handling user data, activity logs, and friends lists.

• Design:

  • Figma: Created the app's design and prototype, which can be viewed here.

Challenges We Ran Into

• User Engagement: Crafting activities that are both beneficial and engaging to ensure users remain motivated.
• Time Customization: Implementing a feature that tailors activities based on the user's available time.
• Progressive Difficulty: Designing challenges that progressively increase in difficulty without overwhelming the user.
• Social Features: Developing a friends system to allow for social interaction and support, which added complexity to the user management system.
• Data Privacy: Ensuring that users' personal and sensitive data are securely stored and handled in compliance with privacy regulations.

Accomplishments That We're Proud Of

• Holistic Approach: Successfully integrating physical activities with mental health exercises to provide a comprehensive wellness tool.
• User-Friendly Design: Creating an intuitive interface that enhances user experience and encourages regular use.
• Streaks and Badges System: Implementing a rewarding system that motivates users to maintain consistency.
• Responsive UI: Achieving a seamless experience across different devices and screen sizes.
• Community Building: Enabling users to connect with friends, fostering a supportive environment.

What We Learned

• Importance of Mental Health Accessibility: Recognized the need for accessible tools that promote mental well-being.
• Technical Growth: Gained proficiency in Angular, Tailwind CSS, Firebase Auth, and Firestore.
• User-Centered Design: Learned the significance of designing with the user's needs and preferences at the forefront.
• Collaboration: Improved our teamwork and communication skills throughout the development process.
• Data Security Practices: Enhanced our understanding of securing user data and implementing privacy best practices.

What's Next for RotReset

• Feature Expansion:
  • Introduce more activity types and challenges, including community events and group sessions.
  • Develop an AI-based recommendation system to personalize activities based on user behavior and preferences.
• Enhanced Social Interaction:
  • Add features like leaderboards, group challenges, and the ability to share achievements on social media.
• Customization:
  • Allow users to set personal goals and customize their activity plans.
• Accessibility Improvements:
  • Implement multi-language support to cater to a global audience.
  • Ensure the app meets accessibility standards for users with disabilities.
• Platform Expansion:
  • Develop native apps for iOS and Android to reach a wider user base.
• Data Insights:
  • Provide users with insights and analytics on their mood patterns and activity impacts over time.

We believe RotReset has the potential to make a meaningful impact on users' mental health journeys by providing a supportive, engaging, and user-friendly platform. We're excited about the future developments and look forward to helping more people prioritize their well-being.

Built With

• firebase
• react
• tailwind-css
• typescript
• vite