A Flutter-based App for Weight Loss and Fitness


🏃‍♀️ Weight loss fitness punch card app


  • 11.9 Check-in and homepage prototype design completed
  • 11.15 Create and complete the front-end and back-end joint debugging of the punch card
  • 11.23 Week view, month view, year view
  • 11.26 Login and registration, personal center, daily diet module


  • Set the check-in task and complete it, push notification by corresponding local message, and reward medal after completion
  • Generate annual and monthly report statistics based on check-in records
  • View other people’s diet, exercise, and health
  • Personalized report

Run screenshot

Homepage Complete check-in Create clock 1 Create punch 2
sh1 sh2 sh3 sh4
Week view Month view Year view Single check-in record view
sh5 sh6 sh7 sh8
Diet record 1 Diet record 2 Personal Center 1 Personal Center 2
sh9 sh10 sh11 sh12

libFile description

├── components       抽象出的组件
├── global           全局变量
├── main.dart
├── mainPage.dart
├── models           抽象类
├── pages            界面页,分别对应每日记录、统计奖励、消息和个人中心
│   ├── awards
│   ├── message
│   ├── personal
│   └── record
└── utils            功能函数

Download Details:

Author: WxxShirley

Source Code: https://github.com/WxxShirley/LoseWeight

#flutter #dart #mobile-apps

A Flutter-based App for Weight Loss and Fitness
10.65 GEEK