DanceVibes FlutterFlow App Optimization and Debugging
Henry Nwachukwu
Verified
Completed work
Review
App overview of Goal Setting
Client & Project Overview
DanceVibes is a goal and habit tracking mobile application designed to help dancers build routines, track progress, and stay motivated with reminders and notifications.
Our mission: debug, stabilize, and optimize the application on FlutterFlow so it could deliver on its promise of providing users with a reliable, engaging habit-building tool.
App overview of Subtask
The Core Issues
The app suffered from multiple critical failures:
Data Rendering & Security
Data would not render even when documents were created and updated in Firebase.
Users could see other users’ goals and habits due to broken query filters.
Goal & Habit Progress Tracking
Goals were incorrectly marked as completed after one check-in.
Progress bars did not reflect true effort.
Push Notifications
Notifications were either not delivered or misaligned with timezones.
No logic for daily resets or overdue reminders.
UI & Navigation Issues
Users couldn’t edit or view goal/habit details after creation.
Walkthrough logic was broken, leaving new users without guidance.
App State Variables
Old dates persisted across new entries.
Queries depended on unstable state variables instead of reliable backend fields.
Performance & Latency
Significant delays in rendering data.
No manual refresh or caching options for users.
User Experience Gaps
No proper handling of overdue tasks.
Habits weren’t set up to follow the standard 60 day formation cycle.
Overflows, container misalignments, and inconsistent keyboards degraded usability.
App overview of Habits
Our Strategic Approach
We structured the debugging and development into two phases:
Phase 1: Securing the Foundation
Fixed Data Rendering & Security
Re-engineered Firestore queries with proper filtering.
Implemented robust rules ensuring users could only see their own data.
Synced frontend queries with backend updates and set up rebuild triggers for accurate real time data.
Refactored Goal & Habit Progress
Corrected logic to increment completedCount per session.
Rebuilt progress bar calculations as completedCount ÷ totalCount.
Enabled true reflection of progress and effort.
Configured Push Notifications
Implemented Firebase Cloud Functions with timezone awareness.
Developed structured payload schema for goals, habits, subtasks, and subgoals.
Scheduled timely daily reminders with fallback overdue notifications.
App overview of Complected Habits
Phase 2: Enhancing the User Experience
Overdue Logic
Added missedCount field to track overdue days.
Enabled automatic reset once users caught up.
UI & Navigation Fixes
Restored container edit buttons for viewing and updating goals/habits.
Cleaned UI overflows, adjusted container heights, and standardized visual feedback (crossed-out text and green checkmarks).
State Variable Stabilization
Cleared app state variables on new goal creation.
Stored totalCount directly in Firestore for reliable query filtering.
Performance Optimization
Reduced latency by optimizing query structure.
Added manual refresh and caching for smooth rendering.
60-Day Habit Flow
Auto generated a 60 day schedule at habit creation.
Configured notifications and rendering to appear daily until completion.
Walkthrough Accessibility
Made walkthrough video accessible anytime via an icon on the home page.
Redirected new users to the icon after login instead of a forced flow.
Overview of Firebase Data base
The Outcome & Impact
After implementing fixes, the app was transformed from unstable to fully functional:
✅ Reliable & Secure Data: Users now see only their own goals and habits with no rendering gaps.
✅ Accurate Progress Tracking: Completion status reflects real effort, motivating users to stay consistent.
✅ Timely Notifications: Push notifications are personalized, timezone aware, and include overdue reminders.
✅ Smooth User Experience: Clean navigation, consistent UI, and walkthrough guidance improved usability.
✅ Improved Performance: Reduced latency and added refresh/caching boosted responsiveness.
✅ Habit Formation Support: Automatic 60 day scheduling aligns with real world behavioral science.
Business Value Delivered:
A launch ready app, stable on both iOS and Android.
Enhanced user trust through accurate progress and secure data handling.
Increased engagement with push notifications and overdue reminders.
Improved retention by aligning with proven 60 day habit formation psychology.
Overview of Firebase Functions
Through a structured debugging and enhancement process in FlutterFlow, we turned DanceVibes from a broken prototype into a polished, production ready application. By addressing both the critical backend logic and the finer details of user experience, we delivered a robust, reliable, and engaging product that can confidently be launched to the App Store and Google Play.
Like this project
What the client had to say
Working with Henry was a game-changer. He went far beyond my expectations delivering not just what I asked for. Professional, and incredibly easy to work with. I’ll definitely be hiring him again for the next phase.
Khaled Al-Shamali
Jul 16, 2025, Client
Posted Sep 17, 2025
Debugged and optimized the DanceVibes FlutterFlow app, fixing data, progress, and notifications to deliver a secure, launch-ready dance goal tracker.
Likes
1
Views
4
Timeline
Jun 12, 2025 - Jul 16, 2025
Clients
DanceVibes
BiteBolt - Seamless Food Ordering Experience Revamp
VerzNexus Blog System Enhancement - Framer to Strapi & Next.js
FlutterFlow Development of Fundit App
ZapPay Admin Dashboard Design
