Added What is a Project Page

Author: johnbhiggins7

.env

@@ -0,0 +1,2 @@
+# Place your StackBlitz environment variables here,
+# and they will be securely synced to your account.

docs/troubleshooting/push-notifications.md

@@ -9,7 +9,7 @@ toc_max_heading_level: 5
 Push notifications play a vital role in mobile apps, letting you connect with your audience and update them on key developments. But, there are instances when push notifications fail to deliver. In this guide, we'll explore some typical problems that hinder push notifications in FlutterFlow and offer detailed instructions on how to fix them.
 
 
-![Firebase Console](./push-notification-assets/push-notifications-ff.png)
+<img src="./push-notification-assets/push-notifications-ff.png" alt="Firebase Console"  />
 
 :::tip Using CodeMagic? [Skip ahead!](https://mdxjs.com/playground/)
 
@@ -20,7 +20,7 @@ Push notifications play a vital role in mobile apps, letting you connect with yo
 #### 1. Ensure your subscription status hasn't changed.
 Head to the [Firebase Console](https://console.firebase.google.com/) and select Project Settings > Usage & Billing > Details & Settings. 
 
-![Firebase Console](./push-notification-assets/firebase-console.png)
+<img src="./push-notification-assets/firebase-console.png" alt="Firebase Console"  />
 
 If you see Spark listed, you will need to select Modify Plan and upgrade to a Blaze Plan. 
 

docs/understanding-the-flutterflow-ui/projects/what-is-a-project.md

@@ -0,0 +1,46 @@
+---
+slug: what-is-a-project
+title: What is a Project?
+authors: john
+tags: []
+toc_max_heading_level: 5
+---
+A "Project" in FlutterFlow represents a complete Flutter application. It contains all the generated code for a Flutter app. This means that you can export your code and your app will run as a normal Flutter app without requiring FlutterFlow.
+
+A FlutterFlow project includes all the files and packages generated by the `flutter create` command, along with additional packages specifically added to support common functionalities.  These include:
+
+### UI and Styling
+
+- [**auto_size_text**](https://pub.dev/packages/auto_size_text): Automatically resizes text to fit within its bounds.
+- [**cached_network_image**](https://pub.dev/packages/cached_network_image): Provides a widget that displays images from the internet, caching them for performance.
+- [**flutter_animate**](https://pub.dev/packages/flutter_animate): Facilitates adding animations to widgets.
+- [**font_awesome_flutter**](https://pub.dev/packages/font_awesome_flutter): Offers a comprehensive set of icons provided by FontAwesome.
+- [**from_css_color**](https://pub.dev/packages/from_css_color): Converts CSS color strings to Flutter color objects.
+- [**google_fonts**](https://pub.dev/packages/google_fonts): Enables custom fonts to be used easily from the Google Fonts catalog.
+- [**page_transition**](https://pub.dev/packages/page_transition): Adds customizable page transition effects.
+
+### Navigation
+
+- [**go_router**](https://pub.dev/packages/go_router): A declarative router based on URL patterns, simplifying navigation logic.
+
+### Data Management and Storage
+
+- [**collection**](https://pub.dev/packages/collection): Provides additional collection types and utilities.
+- [**json_path**](https://pub.dev/packages/json_path): Allows querying JSON data structures with path expressions.
+- [**provider**](https://pub.dev/packages/provider): A popular state management technique to propagate changes across the app.
+- [**shared_preferences**](https://pub.dev/packages/shared_preferences): Facilitates persistent storage of simple data (key-value pairs).
+
+### Platform Specific Integrations
+
+- [**path_provider**](https://pub.dev/packages/path_provider): Locates commonly used locations on the filesystem.
+- [**path_provider_android**](https://pub.dev/packages/path_provider_android), [**path_provider_foundation**](https://pub.dev/packages/path_provider_foundation), [**path_provider_platform_interface**](https://pub.dev/packages/path_provider_platform_interface): Platform-specific implementations and interface for `path_provider`.
+- [**shared_preferences_android**](https://pub.dev/packages/shared_preferences_android), [**shared_preferences_foundation**](https://pub.dev/packages/shared_preferences_foundation), [**shared_preferences_platform_interface**](https://pub.dev/packages/shared_preferences_platform_interface), [**shared_preferences_web**](https://pub.dev/packages/shared_preferences_web): Platform-specific implementations for `shared_preferences`.
+- [**url_launcher**](https://pub.dev/packages/url_launcher), [**url_launcher_android**](https://pub.dev/packages/url_launcher_android), [**url_launcher_ios**](https://pub.dev/packages/url_launcher_ios), [**url_launcher_platform_interface**](https://pub.dev/packages/url_launcher_platform_interface): Packages that enable launching URLs on various platforms, allowing the app to open web links, emails, and more.
+
+### Utilities
+
+- [**intl**](https://pub.dev/packages/intl): Provides internationalization and localization facilities, including message translation, plurals and genders, and date/number formatting.
+- [**flutter_cache_manager**](https://pub.dev/packages/flutter_cache_manager): Manages cached files, supporting custom file retrieval strategies and cache rules.
+- [**timeago**](https://pub.dev/packages/timeago): A library to format dates as a relative time (e.g., "5 minutes ago").
+
+Any elements (e.g. pages, widgets), business logic or packages that are added to the project will be included in the generated code.

sidebars.ts

@@ -11,8 +11,10 @@ const sidebars: SidebarsConfig = {
       collapsed: false,
       items: ['index', {type: 'category', label: "Before You Begin", items: [
         'intro/before-you-begin/setting-up-flutterflow', 'intro/before-you-begin/app-architecture'
-    ]}],
-    }
+    ]}, {type: 'category', label: "Understanding The FlutterFlow UI", items: [
+      'understanding-the-flutterflow-ui/projects/what-is-a-project'
+  ]}],
+    },
   ]
 };