SwiftfulThinking · rootkiter · Jul 2, 2023
diff --git a/Readme.md b/Readme.md
@@ -0,0 +1,66 @@
+| ID          | Title       |  Image      |  Code-Link |
+| ----------- | ----------- | ----------- | ----------- |
+| P01 | \<Learn SwiftUI online for FREE Bootcamp\> | | |
+| P02 | \<How to use Xcode in SwiftUI project Bootcamp\> |                      ![](images/ContentView.png) |                      [ContentView.swift](SwiftfulThinkingBootcamp/ContentView.swift) |
+| P03 | \<Adding Text\> |                                                       ![](images/TextBootcamp.png) |                     [TextBootcamp.swift](SwiftfulThinkingBootcamp/TextBootcamp.swift) |
+| P04 | \<Creating Shapes\> |                                                   ![](images/ShapesBootcamp.png) |                   [ShapesBootcamp.swift](SwiftfulThinkingBootcamp/ShapesBootcamp.swift) |
+| P05 | \<Color, UIColor, Color Literals, and Hex Colors\> |                    ![](images/ColorsBootcamp.png) |                   [ColorsBootcamp.swift](SwiftfulThinkingBootcamp/ColorsBootcamp.swift) |
+| P06 | \<Linear, Radial, and Angular Gradients\> |                             ![](images/GradientsBootcamp.png) |                [GradientsBootcamp.swift](SwiftfulThinkingBootcamp/GradientsBootcamp.swift) |
+| P07 | \<System Icons, Multi-Color Icons, and SF Symbols\> |                   ![](images/IconsBootcamp.png) |                    [IconsBootcamp.swift](SwiftfulThinkingBootcamp/IconsBootcamp.swift) |
+| P08 | \<Adding images to a SwiftUI application Bootcamp\> |                   ![](images/ImageBootcamp.png) |                    [ImageBootcamp.swift](SwiftfulThinkingBootcamp/ImageBootcamp.swift) |
+| P09 | \<Frames and Alignments\> |                                             ![](images/FrameBootcamp.png) |                    [FrameBootcamp.swift](SwiftfulThinkingBootcamp/FrameBootcamp.swift) |
+| P10 | \<Backgrounds and Overlays\> |                                          ![](images/BackgroundAndOverlayBootcamp.png) |     [BackgroundAndOverlayBootcamp.swift](SwiftfulThinkingBootcamp/BackgroundAndOverlayBootcamp.swift) |
+| P11 | \<VStack, HStack, and ZStack\> |                                        ![](images/StacksBootcamp.png) |                   [StacksBootcamp.swift](SwiftfulThinkingBootcamp/StacksBootcamp.swift) |
+| P12 | \<Adding Padding in SwiftUI View Bootcamp\> |                           ![](images/PaddingAndSpacerBootcamp.png) |         [PaddingAndSpacerBootcamp.swift](SwiftfulThinkingBootcamp/PaddingAndSpacerBootcamp.swift) |
+| P13 | \<How to use Spacer\> |                                                 ![](images/SpacerBootcamp.png) |                   [SpacerBootcamp.swift](SwiftfulThinkingBootcamp/SpacerBootcamp.swift) |
+| P14 | \<How to use inits and enums\> |                                        ![](images/InitializerBootcamp.png) |              [InitializerBootcamp.swift](SwiftfulThinkingBootcamp/InitializerBootcamp.swift) |
+| P15 | \<How to use ForEach loops\> |                                          ![](images/ForEachBootcamp.png) |                  [ForEachBootcamp.swift](SwiftfulThinkingBootcamp/ForEachBootcamp.swift) |
+| P16 | \<Implementing a ScrollView\> |                                         ![](images/ScrollViewBootcamp.png) |               [ScrollViewBootcamp.swift](SwiftfulThinkingBootcamp/ScrollViewBootcamp.swift) |
+| P17 | \<LazyVGrid, LazyHGrid, and GridItems\> |                               ![](images/GridBootcamp.png) |                     [GridBootcamp.swift](SwiftfulThinkingBootcamp/GridBootcamp.swift) |
+| P18 | \<How to use and ignore the Safe Area\> |                               ![](images/SafeAreaBootcamp.png) |                 [SafeAreaBootcamp.swift](SwiftfulThinkingBootcamp/SafeAreaBootcamp.swift) |
+| P19 | \<How to add Buttons to SwiftUI application Bootcamp\> |                ![](images/ButtonsBootcamp.png) |                  [ButtonsBootcamp.swift](SwiftfulThinkingBootcamp/ButtonsBootcamp.swift) |
+| P20 | \<How to use @State property wrapper\> |                                ![](images/StateBootcamp.png) |                    [StateBootcamp.swift](SwiftfulThinkingBootcamp/StateBootcamp.swift) |
+| P21 | \<Extracting functions and subviews\> |                                 ![](images/ExtractedFunctionsBootcamp.png) |       [ExtractedFunctionsBootcamp.swift](SwiftfulThinkingBootcamp/ExtractedFunctionsBootcamp.swift) |
+| P22 | \<How to Extract Subviews\> |                                           ![](images/ExtractSubviewsBootcamp.png) |          [ExtractSubviewsBootcamp.swift](SwiftfulThinkingBootcamp/ExtractSubviewsBootcamp.swift) |
+| P23 | \<How to use @Binding property wrapper\> |                              ![](images/BindingBootcamp.png) |                  [BindingBootcamp.swift](SwiftfulThinkingBootcamp/BindingBootcamp.swift) |
+| P24 | \<How to use if-else and conditional statements\> |                     ![](images/ConditionalBootcamp.png) |              [ConditionalBootcamp.swift](SwiftfulThinkingBootcamp/ConditionalBootcamp.swift) |
+| P25 | \<How to use Ternary Operators\> |                                      ![](images/TernaryBootcamp.png) |                  [TernaryBootcamp.swift](SwiftfulThinkingBootcamp/TernaryBootcamp.swift) |
+| P26 | \<Adding Animations\> |                                                 ![](images/AnimationBootcamp.png) |                [AnimationBootcamp.swift](SwiftfulThinkingBootcamp/AnimationBootcamp.swift) |
+| P27 | \<Animation Curves and Animation Timing\> |                             ![](images/AnimationTimingBootcamp.png) |          [AnimationTimingBootcamp.swift](SwiftfulThinkingBootcamp/AnimationTimingBootcamp.swift) |
+| P28 | \<How to use Transition\> |                                             ![](images/TransitionBootcamp.png) |               [TransitionBootcamp.swift](SwiftfulThinkingBootcamp/TransitionBootcamp.swift) |
+| P29 | \<Display pop-up Sheets and FullScreenCovers\> |                        ![](images/SheetsBootcamp.png) |                   [SheetsBootcamp.swift](SwiftfulThinkingBootcamp/SheetsBootcamp.swift) |
+| P30 | \<Using Sheets, Transitions, and Offsets to create a popover\> |        ![](images/PopoverBootcamp.png) |                  [PopoverBootcamp.swift](SwiftfulThinkingBootcamp/PopoverBootcamp.swift) |
+| P31 | \<How to use NavigationView and NavigationLink\> |                      ![](images/NavigationViewBootcamp.png) |           [NavigationViewBootcamp.swift](SwiftfulThinkingBootcamp/NavigationViewBootcamp.swift) |
+| P32 | \<Add, edit, move, and delete items in a List\> |                       ![](images/ListBootcamp.png) |                     [ListBootcamp.swift](SwiftfulThinkingBootcamp/ListBootcamp.swift) |
+| P33 | \<How to show Alerts in SwiftUI app Bootcamp\> |                        ![](images/AlertBootcamp.png) |                    [AlertBootcamp.swift](SwiftfulThinkingBootcamp/AlertBootcamp.swift) |
+| P34 | \<How to make a reusable ActionSheet\> |                                ![](images/ActionsheetBootcamp.png) |              [ActionsheetBootcamp.swift](SwiftfulThinkingBootcamp/ActionsheetBootcamp.swift) |
+| P35 | \<How to use ContextMenu in SwifUI Bootcamp\> |                         ![](images/ContextMenuBootcamp.png) |              [ContextMenuBootcamp.swift](SwiftfulThinkingBootcamp/ContextMenuBootcamp.swift) |
+| P36 | \<How to use TextField\> |                                              ![](images/TextfieldBootcamp.png) |                [TextfieldBootcamp.swift](SwiftfulThinkingBootcamp/TextfieldBootcamp.swift) |
+| P37 | \<How to use TextEditor\> |                                             ![](images/TextEditorBootcamp.png) |               [TextEditorBootcamp.swift](SwiftfulThinkingBootcamp/TextEditorBootcamp.swift) |
+| P38 | \<How to use a Toggle to create a Switch\> |                            ![](images/ToggleBootcamp.png) |                   [ToggleBootcamp.swift](SwiftfulThinkingBootcamp/ToggleBootcamp.swift) |
+| P39 | \<Picker and PickerStyles\> |                                           ![](images/PickerBootcamp.png) |                   [PickerBootcamp.swift](SwiftfulThinkingBootcamp/PickerBootcamp.swift) |
+| P40 | \<How to use ColorPicker\> |                                            ![](images/ColorPickerBootcamp.png) |              [ColorPickerBootcamp.swift](SwiftfulThinkingBootcamp/ColorPickerBootcamp.swift) |
+| P41 | \<How to use DatePicker to select dates\> |                             ![](images/DatePickerBootcamp.png) |               [DatePickerBootcamp.swift](SwiftfulThinkingBootcamp/DatePickerBootcamp.swift) |
+| P42 | \<Create a Stepper\> |                                                  ![](images/StepperBootcamp.png) |                  [StepperBootcamp.swift](SwiftfulThinkingBootcamp/StepperBootcamp.swift) |
+| P43 | \<How to use Slider\> |                                                 ![](images/SliderBootcamp.png) |                   [SliderBootcamp.swift](SwiftfulThinkingBootcamp/SliderBootcamp.swift) |
+| P44 | \<Create a tab bar with TabView and PageTabViewStyle\> |                ![](images/TabViewBootcamp.png) |                  [TabViewBootcamp.swift](SwiftfulThinkingBootcamp/TabViewBootcamp.swift) |
+| P45 | \<Adapt for Dark Mode in SwiftUI project Bootcamp\> |                   ![](images/DarkModeBootcamp.png) |                 [DarkModeBootcamp.swift](SwiftfulThinkingBootcamp/DarkModeBootcamp.swift) |
+| P46 | \<Adding markups and documentation to Swift in Xcode Bootcamp\> |       ![](images/DocumentationBootcamp.png) |            [DocumentationBootcamp.swift](SwiftfulThinkingBootcamp/DocumentationBootcamp.swift) |
+| P47 | \<How to use onAppear and onDisappear\> |                               ![](images/OnAppearBootcamp.png) |                 [OnAppearBootcamp.swift](SwiftfulThinkingBootcamp/OnAppearBootcamp.swift) |
+| P48 | \<How to safely unwrap optionals in Swift with if-let\> |               ![](images/IfLetGuardBootcamp.png) |               [IfLetGuardBootcamp.swift](SwiftfulThinkingBootcamp/IfLetGuardBootcamp.swift) |
+| P49 | \<How to add a Tap Gesture\> |                                          ![](images/TapGestureBootcamp.png) |               [TapGestureBootcamp.swift](SwiftfulThinkingBootcamp/TapGestureBootcamp.swift) |
+| P50 | \<How to create custom models\> |                                       ![](images/ModelBootcamp.png) |                    [ModelBootcamp.swift](SwiftfulThinkingBootcamp/ModelBootcamp.swift) |
+| P51 | \<How to use @ObservableObject and @StateObject\> |                     ![](images/ViewModelBootcamp.png) |                [ViewModelBootcamp.swift](SwiftfulThinkingBootcamp/ViewModelBootcamp.swift) |
+| P52 | \<How to use @EnvironmentObject\> |                                     ![](images/EnvironmentObjectBootcamp.png) |        [EnvironmentObjectBootcamp.swift](SwiftfulThinkingBootcamp/EnvironmentObjectBootcamp.swift) |
+| P53 | \<How to use @AppStorage\> |                                            ![](images/AppStorageBootcamp.png) |               [AppStorageBootcamp.swift](SwiftfulThinkingBootcamp/AppStorageBootcamp.swift) |
+| P54 | \<Manage user onboarding with @AppStorage and Transitions\> |           ![](images/OnboardingViews_IntroView.png) |        [OnboardingViews.swift](SwiftfulThinkingBootcamp/OnboardingViews.swift) |
+|     |                                                             |           ![](images/OnboardingViews_ProfileView.png) |      [OnboardingViews.swift](SwiftfulThinkingBootcamp/OnboardingViews.swift) |
+|     |                                                             |           ![](images/OnboardingViews_OnboardingView.png) |   [OnboardingViews.swift](SwiftfulThinkingBootcamp/OnboardingViews.swift) |
+| P55 | \<Async Image in iOS 15 for SwiftUI Bootcamp\> |                        ![](images/AsyncImageBoocamp.png) |                [AsyncImageBoocamp.swift](SwiftfulThinkingBootcamp/AsyncImageBoocamp.swift) |
+| P56 | \<System Materials and Backgrounds in iOS 15\> |                        ![](images/BackgroundMaterialsBootcamp.png) |      [BackgroundMaterialsBootcamp.swift](SwiftfulThinkingBootcamp/BackgroundMaterialsBootcamp.swift) |
+| P57 | \<How to select text with TextSelection\> |                             ![](images/TextSelectionBootcamp.png) |            [TextSelectionBootcamp.swift](SwiftfulThinkingBootcamp/TextSelectionBootcamp.swift) |
+| P58 | \<Button styles, border shapes, and control sizes\> |                   ![](images/ButtonStylesBootcamp.png) |             [ButtonStylesBootcamp.swift](SwiftfulThinkingBootcamp/ButtonStylesBootcamp.swift) |
+| P59 | \<Add custom List Swipe Actions\> |                                     ![](images/ListSwipeActionsBootcamp.png) |         [ListSwipeActionsBootcamp.swift](SwiftfulThinkingBootcamp/ListSwipeActionsBootcamp.swift) |
+| P60 | \<How to add Badges to SwiftUI TabView and List in iOS 15 Bootcamp\> |  ![](images/BadgesBootcamp.png) |                   [BadgesBootcamp.swift](SwiftfulThinkingBootcamp/BadgesBootcamp.swift) |
+| P61 | \<How to use @FocusState\> |                                            ![](images/FocusStateBootcamp.png) |               [FocusStateBootcamp.swift](SwiftfulThinkingBootcamp/FocusStateBootcamp.swift) |
+| P62 | \<Customizing Keyboard submit button\> |                                ![](images/SubmitTextFieldBootcamp.png) |          [SubmitTextFieldBootcamp.swift](SwiftfulThinkingBootcamp/SubmitTextFieldBootcamp.swift) |
diff --git a/images/ActionsheetBootcamp.png b/images/ActionsheetBootcamp.png
diff --git a/images/AlertBootcamp.png b/images/AlertBootcamp.png
diff --git a/images/AnimationBootcamp.png b/images/AnimationBootcamp.png
diff --git a/images/AnimationTimingBootcamp.png b/images/AnimationTimingBootcamp.png
diff --git a/images/AppStorageBootcamp.png b/images/AppStorageBootcamp.png
diff --git a/images/AsyncImageBoocamp.png b/images/AsyncImageBoocamp.png
diff --git a/images/BackgroundAndOverlayBootcamp.png b/images/BackgroundAndOverlayBootcamp.png
diff --git a/images/BackgroundMaterialsBootcamp.png b/images/BackgroundMaterialsBootcamp.png
diff --git a/images/BadgesBootcamp.png b/images/BadgesBootcamp.png
diff --git a/images/BindingBootcamp.png b/images/BindingBootcamp.png
diff --git a/images/ButtonStylesBootcamp.png b/images/ButtonStylesBootcamp.png
diff --git a/images/ButtonsBootcamp.png b/images/ButtonsBootcamp.png
diff --git a/images/ColorPickerBootcamp.png b/images/ColorPickerBootcamp.png
diff --git a/images/ColorsBootcamp.png b/images/ColorsBootcamp.png
diff --git a/images/ConditionalBootcamp.png b/images/ConditionalBootcamp.png
diff --git a/images/ContentView.png b/images/ContentView.png
diff --git a/images/ContextMenuBootcamp.png b/images/ContextMenuBootcamp.png
diff --git a/images/DarkModeBootcamp.png b/images/DarkModeBootcamp.png
diff --git a/images/DatePickerBootcamp.png b/images/DatePickerBootcamp.png
diff --git a/images/DocumentationBootcamp.png b/images/DocumentationBootcamp.png
diff --git a/images/EnvironmentObjectBootcamp.png b/images/EnvironmentObjectBootcamp.png
diff --git a/images/ExtractSubviewsBootcamp.png b/images/ExtractSubviewsBootcamp.png
diff --git a/images/ExtractedFunctionsBootcamp.png b/images/ExtractedFunctionsBootcamp.png
diff --git a/images/FocusStateBootcamp.png b/images/FocusStateBootcamp.png
diff --git a/images/ForEachBootcamp.png b/images/ForEachBootcamp.png
diff --git a/images/FrameBootcamp.png b/images/FrameBootcamp.png
diff --git a/images/GradientsBootcamp.png b/images/GradientsBootcamp.png
diff --git a/images/GridBootcamp.png b/images/GridBootcamp.png
diff --git a/images/IconsBootcamp.png b/images/IconsBootcamp.png
diff --git a/images/IfLetGuardBootcamp.png b/images/IfLetGuardBootcamp.png
diff --git a/images/ImageBootcamp.png b/images/ImageBootcamp.png
diff --git a/images/InitializerBootcamp.png b/images/InitializerBootcamp.png
diff --git a/images/ListBootcamp.png b/images/ListBootcamp.png
diff --git a/images/ListSwipeActionsBootcamp.png b/images/ListSwipeActionsBootcamp.png
diff --git a/images/ModelBootcamp.png b/images/ModelBootcamp.png
diff --git a/images/NavigationViewBootcamp.png b/images/NavigationViewBootcamp.png
diff --git a/images/OnAppearBootcamp.png b/images/OnAppearBootcamp.png
diff --git a/images/OnboardingViews_IntroView.png b/images/OnboardingViews_IntroView.png
diff --git a/images/OnboardingViews_OnboardingView.png b/images/OnboardingViews_OnboardingView.png
diff --git a/images/OnboardingViews_ProfileView.png b/images/OnboardingViews_ProfileView.png
diff --git a/images/PaddingAndSpacerBootcamp.png b/images/PaddingAndSpacerBootcamp.png
diff --git a/images/PickerBootcamp.png b/images/PickerBootcamp.png
diff --git a/images/PopoverBootcamp.png b/images/PopoverBootcamp.png
diff --git a/images/SafeAreaBootcamp.png b/images/SafeAreaBootcamp.png
diff --git a/images/ScrollViewBootcamp.png b/images/ScrollViewBootcamp.png
diff --git a/images/ShapesBootcamp.png b/images/ShapesBootcamp.png
diff --git a/images/SheetsBootcamp.png b/images/SheetsBootcamp.png
diff --git a/images/SliderBootcamp.png b/images/SliderBootcamp.png
diff --git a/images/SpacerBootcamp.png b/images/SpacerBootcamp.png
diff --git a/images/StacksBootcamp.png b/images/StacksBootcamp.png
diff --git a/images/StateBootcamp.png b/images/StateBootcamp.png
diff --git a/images/StepperBootcamp.png b/images/StepperBootcamp.png
diff --git a/images/SubmitTextFieldBootcamp.png b/images/SubmitTextFieldBootcamp.png
diff --git a/images/TabViewBootcamp.png b/images/TabViewBootcamp.png
diff --git a/images/TapGestureBootcamp.png b/images/TapGestureBootcamp.png
diff --git a/images/TernaryBootcamp.png b/images/TernaryBootcamp.png
diff --git a/images/TextBootcamp.png b/images/TextBootcamp.png
diff --git a/images/TextEditorBootcamp.png b/images/TextEditorBootcamp.png
diff --git a/images/TextSelectionBootcamp.png b/images/TextSelectionBootcamp.png
diff --git a/images/TextfieldBootcamp.png b/images/TextfieldBootcamp.png
diff --git a/images/ToggleBootcamp.png b/images/ToggleBootcamp.png
diff --git a/images/TransitionBootcamp.png b/images/TransitionBootcamp.png
diff --git a/images/ViewModelBootcamp.png b/images/ViewModelBootcamp.png