top of page

Videos

Build A Fitness Workout App From Scratch (Step by Step Tutorial)

View Tool Page

FlutterFlow

LowCode

► VIEW/CLONE THIS FLUTTERFLOW APP (and all my other FlutterFlow/NoCode apps), get access to live streams, Q&As and an exclusive behind the scenes content, in-depth masterclasses and support my work!
https://www.patreon.com/jamesnocode

► GET MY NEW TRAINING — MASTERING FLUTTERFLOW
https://masteringflutterflow.com



00:00 Introduction
01:23 Part 1: Overview
10:30 Part 2: FlutterFlow Setup
12:41 Auth Configuration
15:40 Initial UI Configuration
17:05 Firebase Schema Creation
17:33 Core Principles of App Development
20:05 Our First Challenge
26:27 Part 3: App Construction
26:48 Homepage Design
31:25 Empty Workout Component Setup
34:48 Profile Page Creation
35:21 Starting Workout Page Development
38:55 Template Utilization
44:29 Firestore Rules Configuration
45:26 Initial App Launch
45:51 FlutterFlow Bug Resolution
46:58 Navigation Bar Creation
50:22 New Workout Action Implementation
53:30 Exercise Flow Addition
1:00:26 Part 4: Adding Exercise from Template
1:04:41 Component State Counter
1:08:39 Incorporating Exercises into Workout
1:09:37 Temp State Maintenance
1:11:41 Main App State Creation
1:16:30 Displaying Added Exercises
1:20:35 Part 5: Checkbox Functionality
1:25:56 Part 6: The 'Start Workout' Page
1:33:07 Initial Set Addition
1:36:22 'Add Set' Button Implementation
1:38:45 Updating Set Information
1:39:15 Working with Dynamic Components
1:40:37 Unique Key Usage
1:48:39 'Delete Set' Button Addition
1:51:18 Unique Key Issue
1:53:22 Column Overflow Fix
1:55:47 Part 7: Workout Timer Setup
1:57:08 Saving the Workout Name
1:58:44 Part 8: Saving Workouts to Database
1:59:15 The First Attempt
2:01:07 Schema Update
2:08:18 Part 9: History Screen Setup
2:12:50 Part 10: Template Creation
2:16:12 Schema Modification
2:21:45 Bottom Sheet Activation
2:23:10 Initial Set Addition
2:25:52 Part 11: Dashboard Chart Implementation
2:33:19 Exercise List View Setup
2:35:36 Get More Content
2:36:25 Outro

Build A Fitness Workout App From Scratch (Step by Step Tutorial)

Related Videos

Add a Title

Add a Title

Add a Title

bottom of page