Fixed # links

Author: pinkeshmars

docs/ff-integrations/streaming/mux/integrate-mux.md

@@ -59,7 +59,7 @@ The following flow illustrates how these pages will work together:
 
 :::note[Prerequisites]
 
-- [**Set up Firebase**](#) for your project and [**Enable Billing**](#). This is required to deploy
+- [**Set up Firebase**](../../firebase/connect-to-firebase-setup.md) for your project and [**Enable Billing**](https://firebase.google.com/pricing). This is required to deploy
   the cloud functions (to your Firebase project) that will create the live
   stream on the Mux server.
 
@@ -76,8 +76,8 @@ store the stream information, and it looks like this:
 
 The steps to create a collection are as follows:
 
-- Be familiar with [**Structuring the Firebase Database**](#).
-- Create a [**Collection**](#) and provision at least four fields that store broadcast information
+- Be familiar with [**Structuring the Firebase Database**](../../database/cloud-firestore/getting-started.md#structuring-the-database).
+- Create a [**Collection**](../../database/cloud-firestore/creating-collections.md) and provision at least four fields that store broadcast information
   such as `is_live`, `name`, `url`, and `time` (this will be used to filter the list by latest
   stream first).
   ![img_3.png](img_3.png)
@@ -388,7 +388,7 @@ Now you can run the app and test your widget.
 
 :::info
 Mux Livestream can not be tested in Run Mode. Instead, you will need
-to [**test it on real device devices**](#).
+to **test it on real device devices**.
 :::
 
 ## Customizing MuxBroadcast
@@ -485,7 +485,7 @@ The live indicator appears as soon as you start live streaming (at the top left
 To customize the live indicator:
 
 * To change its text (i.e. from LIVE to something else), open the **Live Text Style** section and
-  set the **Text**. You can also [customize the text](#) if
+  set the **Text**. You can also [customize the text](../../../resources/ui/widgets/built-in-widgets/text.md#common-text-styling-properties) if
   needed.
 * To change the indicator appearance, open the **Live Container & Icon** section and use the
   property such as **Icon**, **Icon size**, **Icon Color**, **Background Color**, and **Border

docs/intro/ff-ui/canvas.md

@@ -29,11 +29,11 @@ There's a zoom in ( + ) and a zoom out ( - ) button to control the zoom level of
 
 ## AI Generated Page
 
-From here, you can [create a page using AI](#).
+From here, you can [create a page using AI](../../resources/ui/pages/pages.md#create-an-ai-generated-page).
 
 ## Add App Bar
 
-From here, you can add an [App Bar](#) to your page. Clicking this button opens a popup displaying different [App Bar styles](#) for you to choose from. Just select any App Bar style from the list and it will appear in the Preview Screen.
+From here, you can add an [App Bar](../../resources/ui/pages/page-elements.md#appbar) to your page. Clicking this button opens a popup displaying different App Bar styles for you to choose from. Just select any App Bar style from the list and it will appear in the Preview Screen.
 
 ![AddAppBar.avif](imgs/AddAppBar.avif)
 
@@ -132,7 +132,7 @@ Changing the canvas color can be helpful when creating components, especially wh
 
 ## Add Nav Bar
 
-This button allows you to add the [Nav Bar](#) to your page. Clicking on this button opens the popup that allows you to enable Nav Bar for your project. Once the Nav Bar is enabled, you can customize it to match your design.
+This button allows you to add the [Nav Bar](../../resources/ui/pages/page-elements.md#nav-bar) to your page. Clicking on this button opens the popup that allows you to enable Nav Bar for your project. Once the Nav Bar is enabled, you can customize it to match your design.
 
 ![AddNavBar.avif](imgs/AddNavBar.avif)
 

docs/intro/ff-ui/resource-hierarchy.md

@@ -21,8 +21,8 @@ The diagram below illustrates how a FlutterFlow app is structured.
 1. **Project**: Represents the overall application you are building in FlutterFlow. It encompasses all the other elements listed below and serves as the container for your entire app development effort within FlutterFlow. Learn more about creating a project [here](../../resources/projects/how-to-create-find-organize-projects#how-to-create-a-project).
 2. **Page**: Refers to individual screens within the FlutterFlow project. Each page represents a part of the user interface where users can interact with the app. Multiple pages collectively make up the complete user interface of your application. Learn more about pages in FlutterFlow [here](../../resources/ui/pages/pages#creating-a-page).
 3. **Built-in-widgets**: These are pre-designed widgets provided by FlutterFlow that you can use to build your app’s user interface. Built-in widgets simplify the development process by offering common UI elements such as buttons, text fields, sliders, etc. Learn more about widgets [here](../../resources/ui/overview#widgets).
-4. **Component**: A component in FlutterFlow is a reusable UI block that can be used across different pages within the project. Components are useful for maintaining consistency and reducing redundancy in the app design, as the same component (like a custom dialog box) can be inserted wherever needed. Learn more about creating a component [here](#).
-5. **Design System**: This refers to a set of standards for design within your FlutterFlow project. A design system in FlutterFlow includes predefined styles that ensure visual consistency throughout the app. Learn more about design system [here](#).
+4. **Component**: A component in FlutterFlow is a reusable UI block that can be used across different pages within the project. Components are useful for maintaining consistency and reducing redundancy in the app design, as the same component (like a custom dialog box) can be inserted wherever needed. Learn more about creating a component [here](../../resources/ui/components/overview.md).
+5. **Design System**: This refers to a set of standards for design within your FlutterFlow project. A design system in FlutterFlow includes predefined styles that ensure visual consistency throughout the app. Learn more about design system [here](../../ff-concepts/design-system/design-system.md).
 
 ## Flutter to FlutterFlow
 
@@ -33,5 +33,5 @@ If you are coming from Flutter, it is beneficial for you to understand the Flutt
 1. **MyApp to Project**: In Flutter, `MyApp` typically represents the root of your application, where you set up routes and other global configurations. In FlutterFlow, the equivalent is the "Project," which encompasses the entire application you are building, including its configurations and settings. Learn more about creating a project [here](../../resources/projects/how-to-create-find-organize-projects#how-to-create-a-project).
 2. **MyPage to Page**: `MyPage` in Flutter represents a specific screen in the app. Similarly, In FlutterFlow, each "Page" corresponds to a screen, where you build the layout and functionality specific to that page of the project. Learn more about pages in FlutterFlow [here](../../resources/ui/pages/pages#creating-a-page).
 3. **Column, Button, Text to Built-in widgets**: In FlutterFlow, widgets are categorized under "Built-in widgets," which users can drag and drop onto their canvas to build the UI. Learn more about widgets [here](../../resources/ui/overview#widgets).
-4. **Custom widget to Component**: `CustomWidget` in Flutter indicates user-defined widgets that serve specific functions not covered by built-in widgets. FlutterFlow translates this into "Component" allowing you to create and use custom components within your projects. Learn more about creating a component [here](#).
-5. **Theme/style constants to Design System**: In Flutter, theme and style constants are used to ensure consistent styling across an app. FlutterFlow uses a "Design System" to manage and apply uniform styles and themes throughout the application. Learn more about design system [here](#).
+4. **Custom widget to Component**: `CustomWidget` in Flutter indicates user-defined widgets that serve specific functions not covered by built-in widgets. FlutterFlow translates this into "Component" allowing you to create and use custom components within your projects. Learn more about creating a component [here](../../resources/ui/components/overview.md).
+5. **Theme/style constants to Design System**: In Flutter, theme and style constants are used to ensure consistent styling across an app. FlutterFlow uses a "Design System" to manage and apply uniform styles and themes throughout the application. Learn more about design system [here](../../ff-concepts/design-system/design-system.md).

docs/intro/ff-ui/storyboard.md

@@ -27,8 +27,8 @@ We use the following elements inside the storyboard:
 
 ![storyboard-legend.avif](imgs/storyboard-legend.avif)
 
-1. The solid line is used to represent the [Navigate](#) or [Login](#) action.
-2. The dotted line is used to represent the [Bottom Sheet](#) action.
+1. The solid line is used to represent the [Navigate](../../ff-concepts/navigation-routing/page-navigation.md#navigate-to-action) or Login action.
+2. The dotted line is used to represent the Bottom Sheet action.
 3. The right arrow icon represents hidden widgets. These widgets may not be visible in the current page view (e.g., they might be on another tab) but they still have a navigation action to display them.
 
 ## Highlight routes on a page
@@ -57,5 +57,5 @@ Watch this video if you prefer watching a video tutorial.
 
 <details>
 <summary>I am getting "Error: Unable to initialize Storyboard</summary>
-<p>This error typically occurs because the initial page has not been set. To resolve this, please set the initial page in the [App Details](#) settings of your project.</p>
+<p>This error typically occurs because the initial page has not been set. To resolve this, please set the initial page in the [App Details](../../resources/projects/settings/general-settings.md#app-details) settings of your project.</p>
 </details>

docs/intro/ff-ui/toolbar.md

@@ -24,7 +24,7 @@ From here, you will get access to essential resource links that will come in han
 1. **Search Docs**: If you are a paid user, we allow you to conduct a direct search from our documentation.
 2. **Community Forum**: We have a vibrant [community](https://community.flutterflow.io/) of users comprising individuals who share a mutual interest in FlutterFlow. This community actively engages in discussions, knowledge-sharing, and collaborative projects centered around FlutterFlow.
 3. **Feedback**: You can provide feedback and help us improve the product.
-4. **Bug report**: You can [submit a bug report](#) from here.
+4. **Bug report**: You can submit a bug report from here.
 5. **Tutorials**: You can start the tutorial for building your first app right inside FlutterFlow.
 6. **FAQs and Docs**: While building your app, you might need to consult our official documentation frequently. This option will redirect you to FlutterFlow documentation.
 7. **What's New?**: We want to keep you updated with all the latest features and changes that are being made in FlutterFlow. Using this option, you can directly access the updates regarding what's new in FlutterFlow.
@@ -45,7 +45,7 @@ The Command Palette makes it easy to find and use things in the App Builder. Ope
 
 ## Canvas size
 
-We allow you to visualize and design your app for various mobile, tablet, and desktop devices. The [canvas](#) size is defined as width (in pixels) x height (in pixels). This size is determined according to the device selected. To set a custom canvas size, click on the Canvas Size and enter the width and height (in pixels) you want.
+We allow you to visualize and design your app for various mobile, tablet, and desktop devices. The [canvas](../ff-ui/canvas.md) size is defined as width (in pixels) x height (in pixels). This size is determined according to the device selected. To set a custom canvas size, click on the Canvas Size and enter the width and height (in pixels) you want.
 
 <div style={{
     position: 'relative',
@@ -75,7 +75,7 @@ We allow you to visualize and design your app for various mobile, tablet, and de
 
 ## Project history
 
-Understand the crucial concepts of project history, such as saving and versioning [here](#).
+Understand the crucial concepts of project history, such as saving and versioning [here](../../testing-deployment-publishing/branching-collaboration/saving-versioning.md).
 
 ## Project comments
 
@@ -117,20 +117,20 @@ If there are any issues or warnings present in your current project that might r
 
 ## Branching
 
-[Branching](#) enables you to create a separate copy of your existing project, allowing you to develop new features without affecting the current functionality.
+[Branching](../../testing-deployment-publishing/branching-collaboration/branching.md) enables you to create a separate copy of your existing project, allowing you to develop new features without affecting the current functionality.
 
 ## Developer menu
 The Developer Menu provides developers with access to tools such as code viewing, GitHub integration, and source code download capabilities.
 
 1. **View Code**: This option lets you display the *Dart* code for all the pages of your FlutterFlow project. You can also take a look at the dependencies being used by the app here.
 
-2. **Connect GitHub Repo**: You can use this option to connect and upload your project to [GitHub](https://github.com/) repository. See the step-by-step guide [here](#).
+2. **Connect GitHub Repo**: You can use this option to connect and upload your project to [GitHub](https://github.com/) repository. See the step-by-step guide [here](../../testing-deployment-publishing/exporting-code/push-to-github.md#connect-a-github-repo).
 
 3. **Download Code**: You can download the entire codebase of the app generated by FlutterFlow using this option.
 
 4. **Download APK**: Use this to generate a release build of your Android app. It will automatically download the `.apk` file after the building process is complete.
 
-5. **FlutterFlow CLI**: You can also download the code using *[FlutterFlow CLI](https://pub.dev/packages/flutterflow_cli)*. See instructions [here](#).
+5. **FlutterFlow CLI**: You can also download the code using *[FlutterFlow CLI](https://pub.dev/packages/flutterflow_cli)*. See instructions [here](../../testing-deployment-publishing/exporting-code/ff-cli.md).
 
 :::note
 _Connect GitHub Repo_, _Download Code_, and _Download APK_ features requires a [**paid plan**](https://flutterflow.io/pricing).

docs/intro/ff-ui/widget-palette.md

@@ -15,7 +15,7 @@ The Widget Palette in FlutterFlow provides access to all UI elements. These are
 
 ## 1. Widgets
 
-From the Widgets tab, you can access all standard FlutterFlow widgets. They are organized into [different categories](#) based on their purpose, making it easier to navigate and find the appropriate widget for your app.
+From the Widgets tab, you can access all standard FlutterFlow widgets. They are organized into different categories based on their purpose, making it easier to navigate and find the appropriate widget for your app.
 
 ## 2. Components
 

docs/intro/quickstart.md

@@ -74,7 +74,7 @@ To build the UI:
 </div>
 
 :::info
-You can learn more about creating layouts [here](#).
+You can learn more about creating layouts [here](../ff-concepts/layout/building-layout.md).
 :::
 
 ## 3. Customize Style {#customize-style}
@@ -212,5 +212,5 @@ Congratulations! You've built your first app with FlutterFlow.
 ## **Problems?**
 
 If you're experiencing any issues with the app, ensure that you have followed the instructions correctly. 
-<!-- For troubleshooting, refer to our [comprehensive guide](#) or -->
+<!-- For troubleshooting, refer to our comprehensive guide or -->
 To seek assistance from the [Community Forum](https://community.flutterflow.io/). If you're still encountering problems, don't hesitate to report the issue to our support team.

docs/resources/control-flow/backend-logic/api/rest-api.md

@@ -573,7 +573,7 @@ Learn more about **[JSONPath](https://support.smartbear.com/alertsite/docs/monit
 
 To add JSON path:
 
-1. First, [create](#) and [test](#) your API call.
+1. First, [create and test](../api/create-test-api-calls.md) your API call.
 
 2. Inside the **JSON Paths** section, click on the **+ Add JSON Path**.
 3. Enter your **JSON Path** and give it a **Name**.
@@ -711,7 +711,7 @@ You can copy the boilerplate code into ChatGPT and request the completion for th
 
 :::tip[Additonally]
 * You can add multiple interceptors to any API call.
-* When the same interceptor is used by multiple APIs, you can create an [**API group**](#) and 
+* When the same interceptor is used by multiple APIs, you can create an [**API group**](../api/create-test-api-calls.md#grouping-api-calls) and 
   add the interceptor under the **Advanced Group Settings**. However, you can override the interceptor for any API within the group if you wish to.
 :::
 

docs/resources/control-flow/backend-logic/api/streaming-api.md

@@ -109,7 +109,7 @@ The user interface includes a section for the average rating, and number of revi
 
 ### 2. Create API
 
-For building this app, we will use [OpenAI's Chat Completion API](https://platform.openai.com/docs/guides/text-generation/chat-completions-api) to generate a summary based on given reviews. Before you build anything related to APIs in your app, it's essential to create and test the APIs to ensure they work correctly. So let's [create and test](#) the Chat Completion API in our project.
+For building this app, we will use [OpenAI's Chat Completion API](https://platform.openai.com/docs/guides/text-generation/chat-completions-api) to generate a summary based on given reviews. Before you build anything related to APIs in your app, it's essential to create and test the APIs to ensure they work correctly. So let's [create and test](../api/create-test-api-calls.md) the Chat Completion API in our project.
 
 Once created, open the **Advanced Settings** and **enable** the **Process Stream Response** toggle.
 

docs/resources/control-flow/backend-logic/backend-query/algolia-search-query.md

@@ -22,7 +22,7 @@ There are some prerequisites before you start defining the search query:
 
 :::warning[Complete setup]
 If you haven't completed these steps, please follow the instructions present on the following 
-page before proceeding: [Algolia Search](#)
+page before proceeding: [Algolia Search](../../../../ff-integrations/search/algolia-search.md)
 :::
 
 ## Building Search UI