Skip to content

Commit 0b21c2b

Browse files
pinkeshmarspinkeshmars
committed
Merge branch 'main' of https://github.com/FlutterFlow/dreamflow-documentation into feature/firebase-integration
2 parents 3e017af + 0d7ed5d commit 0b21c2b

39 files changed

+940
-238
lines changed

‎.idea/modules.xml‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/get-started/quickstart.md‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
2+
3+
4+
# Quickstart
5+
6+
## Start With a Prompt (4 mins)
7+
8+
Dreamflow's AI-powered app generation allows you to create fully functional, production-ready applications from simple text or image descriptions. Simply describe what you want to build, and Dreamflow Agent will generate the entire app structure, UI components, and functionality for you.
9+
10+
Ready to create your app? Simply:
11+
12+
1. Open Dreamflow and click the textbox that says "Start with a prompt..."
13+
2. Enter your app description and wait for the Agent to generate your complete app.
14+
3. Review and customize the generated project in the [workspace](#).
15+
16+
17+
The Agent will create all the necessary screens, components, and functionality based on your description, giving you a fully functional app that you can further customize and deploy.
18+
19+
20+
<div style={{
21+
position: 'relative',
22+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Ensures the aspect ratio plus additional padding
23+
height: 0,
24+
width: '100%'
25+
}}>
26+
<iframe
27+
src="https://demo.arcade.software/pkh6dsSwozFhyAZUW9IU?embed&show_copy_link=true"
28+
title="Projects - FlutterFlow"
29+
style={{
30+
position: 'absolute',
31+
top: 0,
32+
left: 0,
33+
width: '100%',
34+
height: '100%',
35+
colorScheme: 'light'
36+
}}
37+
frameBorder="0"
38+
loading="lazy"
39+
webkitAllowFullScreen
40+
mozAllowFullScreen
41+
allowFullScreen
42+
allow="clipboard-write">
43+
</iframe>
44+
</div>
45+
46+
***Prompt used:** Build a sleek music streaming app like Spotify, with a dark theme, album art grids, a bottom navigation bar (Home, Search, Library) and a clean now-playing screen with controls and progress bar.*
47+
48+
### Sample Prompts
49+
50+
Here are some prompts that we've used recently while chatting with the agent.
51+
52+
#### A habit tracker
53+
54+
**Prompt**
55+
56+
Build the main screen for a habit tracking app. Prepopulate with common habits, and then show the tasks for today on this main screen. Make the app look modern and whimsical.
57+
58+
59+
**Duration / Cost**: 161 seconds / 2.51 credits
60+
61+
**Next steps**
62+
- Let the user enter their own habits
63+
- Give the user reminders for their habits, even when the app is not running.
64+
- Allow the user to share their habit progress with others (through the share sheet of the mobile OS)
65+
66+
67+
#### Asteroids game
68+
69+
**Prompt**
70+
71+
Replace the main screen with an implementation of the classic game of Asteroids. Make this look and work the same as the original arcade game. Make sure that it has keyboard controls, mouse controls, and touch controls. Store the high-score locally.
72+
73+
**Duration / Cost** : 183 seconds / 2.30 credits
74+
75+
**Next steps**
76+
- Give the game a start screen (with instructions)
77+
- Give the game an end screen (with a leaderboard)
78+
- Store a leaderboard of highscores on a server
79+
80+
81+
82+
#### Chat app
83+
84+
**Prompt**
85+
86+
Build a small chat app (store the data locally for now) where users can chat with their friends. Make the app look modern and familiar, but also give it some unique twists.
87+
88+
**Duration / Cost** : 313 seconds / 4.42 credits
89+
90+
**Next steps**
91+
- Make the chats clustered when folks are close to each other
92+
- Store the chat data in a cloud database
93+
- Show a notification when a message arrives when the app is not active

‎docs/get-started/welcome.md‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
2+
3+
# Welcome
4+
5+
Dreamflow is ...
6+
7+
8+
## Create Account
9+
10+
11+
create an account...
12+
13+
14+
## Build First Project
15+
16+
<div style={{
17+
position: 'relative',
18+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Ensures the aspect ratio plus additional padding
19+
height: 0,
20+
width: '100%'
21+
}}>
22+
<iframe
23+
src="https://demo.arcade.software/5Lbea4PqYYhwyNItSuND?embed&show_copy_link=true"
24+
title="Projects - FlutterFlow"
25+
style={{
26+
position: 'absolute',
27+
top: 0,
28+
left: 0,
29+
width: '100%',
30+
height: '100%',
31+
colorScheme: 'light'
32+
}}
33+
frameBorder="0"
34+
loading="lazy"
35+
webkitAllowFullScreen
36+
mozAllowFullScreen
37+
allowFullScreen
38+
allow="clipboard-write">
39+
</iframe>
40+
</div>

‎docs/index.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ Dreamflow is a visual development environment that lets you build mobile, web, a
7474

7575
<p></p>
7676

77-
<div class="video-container"><iframe src="https://www.youtube.com/embed/GpXjU-ieAKU?si=moIEUUGry24CdSJN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
77+
<div class="video-container"><iframe src="https://www.youtube.com/embed/GpXjU-ieAKU?si=moIEUUGry24CdSJN" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
7878

7979

8080

@@ -149,11 +149,11 @@ Discover additional tools and references to enhance your Dreamflow development e
149149

150150
## Still Have Problems?
151151

152-
If you're still experiencing issues or need additional help, here are some resources to get you back on track:
152+
<!-- If you're still experiencing issues or need additional help, here are some resources to get you back on track:
153153
154154
- **[Submit Bug Report](#)** - Report bugs or issues you've encountered
155155
- **[Community Forum](https://community.flutterflow.io)** - Ask questions and get help from the community
156156
- **[Reddit Community](https://www.reddit.com/r/FlutterFlow/)** - Join discussions on Reddit
157157
- **[Documentation Bug](https://github.com/FlutterFlow/flutterflow-documentation/issues)** - Report documentation issues
158158
- **[Contribute to Documentation](https://github.com/FlutterFlow/flutterflow-documentation?tab=readme-ov-file#how-to-contribute)** - Contribution guidelines for contributing to the FlutterFlow documentation site.
159-
- **[FlutterFlow Support](mailto:[email protected])** - Get direct support from the FlutterFlow support team.
159+
- **[FlutterFlow Support](mailto:[email protected])** - Get direct support from the FlutterFlow support team. -->

‎docs/test-and-publish/publish/google-playstore-deployment.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ To create a new app in the Google Play Store, start by opening the [Google Play
4141
height: '100%',
4242
colorScheme: 'light'
4343
}}
44-
frameborder="0"
44+
frameBorder="0"
4545
loading="lazy"
4646
webkitAllowFullScreen
4747
mozAllowFullScreen
@@ -88,7 +88,7 @@ To create the Service Account, you can follow the instructions from [here](http
8888
height: '100%',
8989
colorScheme: 'light'
9090
}}
91-
frameborder="0"
91+
frameBorder="0"
9292
loading="lazy"
9393
webkitAllowFullScreen
9494
mozAllowFullScreen
@@ -117,7 +117,7 @@ To create the Service Account, you can follow the instructions from [here](http
117117
height: '100%',
118118
colorScheme: 'light'
119119
}}
120-
frameborder="0"
120+
frameBorder="0"
121121
loading="lazy"
122122
webkitAllowFullScreen
123123
mozAllowFullScreen
@@ -151,7 +151,7 @@ To create the Service Account, you can follow the instructions from [here](http
151151
height: '100%',
152152
colorScheme: 'light'
153153
}}
154-
frameborder="0"
154+
frameBorder="0"
155155
loading="lazy"
156156
webkitAllowFullScreen
157157
mozAllowFullScreen
@@ -199,7 +199,7 @@ Even if the build status appears as FAILURE, you can still download the AAB file
199199
height: '100%',
200200
colorScheme: 'light'
201201
}}
202-
frameborder="0"
202+
frameBorder="0"
203203
loading="lazy"
204204
webkitAllowFullScreen
205205
mozAllowFullScreen
@@ -229,7 +229,7 @@ In Google Play Console, create an **Internal Testing** track and upload the **.a
229229
height: '100%',
230230
colorScheme: 'light'
231231
}}
232-
frameborder="0"
232+
frameBorder="0"
233233
loading="lazy"
234234
webkitAllowFullScreen
235235
mozAllowFullScreen
@@ -263,7 +263,7 @@ To deploy your app from Dreamflow, navigate to **Publish > Android**, set the **
263263
height: '100%',
264264
colorScheme: 'light'
265265
}}
266-
frameborder="0"
266+
frameBorder="0"
267267
loading="lazy"
268268
webkitAllowFullScreen
269269
mozAllowFullScreen
@@ -310,7 +310,7 @@ To promote your app to production, open your **Internal testing** track in Googl
310310
height: '100%',
311311
colorScheme: 'light'
312312
}}
313-
frameborder="0"
313+
frameBorder="0"
314314
loading="lazy"
315315
webkitAllowFullScreen
316316
mozAllowFullScreen

0 commit comments

Comments
 (0)