FFitness: A Fitness App Built with FlutterFlow #FlutterFlowImagine - #1

#1 Start with Onboarding Section

As a Flutter developer new to FlutterFlow, I embarked on a journey to create a fitness app called FFitness to explore the platform's capabilities. Within two weeks, I had successfully developed some functions of the app. The launch of the FlutterFlow Imagine Competition further fueled my enthusiasm for this project.

Utilizing a free UI template, FFitness provides users with a user-friendly interface to track their fitness progress. The app incorporates features like workout tracking, progress monitoring, and fitness challenges, empowering users to achieve their fitness goals.

Join me as I showcase FFitness and demonstrate the power of FlutterFlow in building engaging mobile applications.

Onboarding Pickers: I employed custom widgets to simplify the onboarding process by developing straightforward pickers for user inputs like height, weight, and fitness goals.

Result

My efforts resulted in a streamlined onboarding experience, empowering users to easily set up their fitness journey within the FFitness app.

  • Powerful Customization: Custom widgets provided me with the flexibility to create highly customized UI elements, enabling me to tailor the app to my specific design vision.

  • State Management within Custom Widgets: By leveraging custom widgets, I was able to effectively manage the state of the onboarding screen, ensuring a seamless user experience.

    Next, I will tried to create a Workout Videos Slider with Custom Widget similar to tikok. Improve some restrict of FlutterFlow PageView.

1