Want to MAKE iPhone apps? Go here: https://super-easy-apps.kit.com/iphone-apps-101
Want to DOWNLOAD the code? Go here: https://super-easy-apps.kit.com/iphone-apps-101-code
Learn how to build a retro-inspired SwiftUI step counter widget in under 30 minutes. You’ll learn the essentials of layout, design, and cleanup while adding bold colors, dynamic data, and HealthKit integration to keep you motivated on your daily step goals.
Watch to see how easy it is to structure your UI, style your app with a nostalgic vibe, and refactor your code for real-time step tracking.
1. Comment below if you beat the 30-minute challenge! What should I do next?
2. Download StepUp: Retro Pedometer and join me on a 10,000 steps challenge. Get outside—walk or run to hit your daily move goal!
StepUp: Retro Pedometer: https://apps.apple.com/us/app/stepup-retro-pedometer/id6502121777
Timestamps:
0:00 Step Counter Challenge
0:48 Start the 30-min SwiftUI Challenge
2:03 How to Add a Widget to Xcode
2:58 The Three Step Process
4:10 1. Layout
14:00 2. Design
20:14 3. Cleanup
25:30 StepProgress 2D Algorithm Explained (with notes)
30:21 Challenge Complete!
34:04 How to Test the Widget
35:15 FIX: Xcode Scheme Bug
37:22 Download the Code
#SwiftUI #Tutorial #Widget #Xcode16 #Xcode #Swift #iOSDev #iOSAppDevelopment #RetroWidget #AppleEngineer #iOSDevelopment #30minChallenge #StepCounter #FitnessGoals #AppDevelopment #DesignChallenge #SwiftUIChallenge