KTP IO

Inspiration

The inspiration for this app came from a desire to bridge the gap between goal setting, mental health, and networking. Setting clear, achievable goals is crucial for personal and professional growth, yet it’s often overwhelming without the right support and tools. I wanted to create a space where users could track their professional growth, stay motivated, and connect with others on a similar journey through networking events. By combining goal tracking with mental health resources and networking opportunities, the app aims to empower users to pursue their goals while staying grounded and connected.

How we built it

I built the app with Flutter and Dart to achieve smooth, cross-platform functionality. Using Provider for state management, I kept data updates in sync across the app in real-time. For the local event discovery feature, I integrated the Google Maps API, allowing users to view nearby events with location markers and relevant details. All goal tracking and user data is managed through a custom Dart model using asynchronous functions, ensuring smooth and responsive interactions. To enhance the user experience, I utilized Flutter’s AnimatedContainer and Hero widgets, creating fluid transitions and a cohesive design across devices.

Challenges we ran into

One unique technical challenge I faced was managing real-time data updates across multiple components entirely within Flutter. To ensure that updates to features like skill tracking or profile information reflected instantly throughout the app, I implemented custom state management in Dart, leveraging Provider for reactive data flow and ChangeNotifier for efficient updates. This approach allowed me to synchronize changes without relying on third-party backends, ensuring the app remained responsive and data-consistent. Debugging this setup helped me gain a deep understanding of state management and asynchronous programming, key for delivering a seamless user experience.

What we learned

This project taught me a lot about combining Flutter and FlutterFlow effectively. Using FlutterFlow for a few custom components helped streamline the UI design process, allowing me to focus more on building core functionality in Flutter. I learned how to balance FlutterFlow’s drag-and-drop capabilities with Flutter’s flexibility, carefully integrating both without sacrificing performance or consistency.

Additionally, I gained experience working with Google Maps API to display local events and practiced handling real-time state management in Dart using Provider. Managing state across both custom Flutter code and FlutterFlow components was challenging but gave me a deeper understanding of efficient data handling in hybrid development environments.

Built With

• dart
• firebase
• fluttter
• google-maps
• provider