Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

App development in 28 hours with no-code tool Flutter flow with 0 skills of the tool,

Автор: Alex Pobeditel

Загружено: 2023-07-18

Просмотров: 1227

Описание:

Hi no code guys! The new episode in #7daysMVP challenge
I created this app with no-code tool @FlutterFlow in 28 hours without any experience with the tool.

The product: an app with children's stories with parent's voice with AI feature - stories generation.

The problem I faced with:
I faced a problem 3 weeks ago in our agency -- 3 teams of Bubble developers tried to develop this app, but they didn't be able to make the main feature - voice recording and playing in the native app - IOS and Android.
In fact, with Bubble you couldn't create this particular app with a good user experience.
The client was upset because of the timeline, and I decided to developed it by myself.

I had no experience in Flutter Flow before that and started to create this app with the main algorithm, which I use in no-code development:
1) Google problems and watch tutorials
2) Develop, test, copy & paste
3) Google and watch tutorials again.
4) Ask a senior developer about complex problems.

The main features of the app:
1) Sign up and sign in with onboarding flow
2) Children's stories creation with parent's voice recording
3) Children's stories generation with Open AI
4) Child's side and parent's side

Agency website: https://hinocode.com

Timeline:
Intro:
00:10 -- now time
00:30 -- challenge with 0 experience in Flutter Flow
00:58 -- why I felt in love with Flutter Flow
01:46 -- main goal of these challenges
02:21 -- the most of the courses - bulshit
02:41 -- find the project
02:59 -- for fast learn no-code tool you should do 2 things
03:27 -- my feedback after this process and plans
04:30 -- why I needed to create this app by myself?
05:53 -- how long it took and the process
06:55 -- google, compile & copy, ask profs
08:03 -- the 1st loom, recorder creation

5.000% acceleration, part 1:
09:02 -- Firebase connection and database creation
09:42 -- App theme creation
09:46 -- first screens, layouts learning

Review 1:
10:23 -- first small result, review and why I started do this app, main problem in Bubble app

5.000% acceleration, part 2:
12:32 -- sign up, sign in + parent's choosing screen
14:33 -- solving error with Firebase
15:32 -- continue with sign in sign up and choosing parent's page
18:08 -- story creation flow
20:17 -- home screen
22:00 -- the 1st test
24:29 -- recording feature
25:56 -- 1st shitty bug
28:54 -- rebuilding choosing parent page
30:20 -- rebuilding main screen
30:44 -- menu setting
31:23 -- child side screen setting

Review 2
32:50 -- recording test

5.000% acceleration, part 3:
33:33 -- researching about custom player and unsuccessful attempts
35:25 -- child side setting up
36:06 -- deploy to App Store
37:26 -- sign in, sign up App Store and Google
38:12 -- discussing with support about the bug "gray screen" and small fixes
39:10 -- creation of placeholder avatar for story
39:24 -- other placeholders
40:00 -- onboarding screens + corrections
41:00 -- AI stories generation, research start
41:10 -- Open AI custom action setting
41:23 -- screen for Open AI story
42:07 -- API call setting for AI feature
48:44 -- corrections

Review 3
47:22 -- Open AI story generation test
50:31 -- Parent creation test

Final review -- 51:34

App development in 28 hours with no-code tool Flutter flow with 0 skills of the tool,

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Разработка приложений без кода — это ловушка

Разработка приложений без кода — это ловушка

НАЧАЛО ГОДА СУЛИТ НОВЫЕ ПРОБЛЕМЫ YOUTUBE, GOOGLE и отключения ИНТЕРНЕТА. Разбираем важное

НАЧАЛО ГОДА СУЛИТ НОВЫЕ ПРОБЛЕМЫ YOUTUBE, GOOGLE и отключения ИНТЕРНЕТА. Разбираем важное

Отказ от территорий? / Войска оставили позиции

Отказ от территорий? / Войска оставили позиции

Transform Your App: Integrate Speech-to-Text and Text-to-Speech using @FlutterFlow STT & TTS

Transform Your App: Integrate Speech-to-Text and Text-to-Speech using @FlutterFlow STT & TTS

LIVE: How to Launch your Course, Community, Bundle or Digital Product and Website in Less than a day

LIVE: How to Launch your Course, Community, Bundle or Digital Product and Website in Less than a day

Интеграция ChatGP с Instagram. Инструменты: N8N и Many Chat. Искусственный интеллект(ИИ) в инсте

Интеграция ChatGP с Instagram. Инструменты: N8N и Many Chat. Искусственный интеллект(ИИ) в инсте

No-Code is Trash

No-Code is Trash

How I Create Cinematic 3D Animation with Nano Banana Pro × Kling 2.6

How I Create Cinematic 3D Animation with Nano Banana Pro × Kling 2.6

Build a Social Media App with FlutterFlow #21 -  Record Audio

Build a Social Media App with FlutterFlow #21 - Record Audio

The Man Behind Google's AI Machine | Demis Hassabis Interview

The Man Behind Google's AI Machine | Demis Hassabis Interview

This New Gemini Update is Massive! (New Features)

This New Gemini Update is Massive! (New Features)

How to Get Rich on Easy Mode

How to Get Rich on Easy Mode

DON'T Send Upwork Proposals Manually (AI Does It in 15 Min). U Never Sleep Demo.

DON'T Send Upwork Proposals Manually (AI Does It in 15 Min). U Never Sleep Demo.

Endless Runner Games with FlutterFlow: Collision Detection & Moving Backgrounds

Endless Runner Games with FlutterFlow: Collision Detection & Moving Backgrounds

I Read Honey's Source Code

I Read Honey's Source Code

GPT Image 1.5 vs Nano Banana Pro — How to Use OpenAI’s Latest Update (Full Guide)

GPT Image 1.5 vs Nano Banana Pro — How to Use OpenAI’s Latest Update (Full Guide)

Microsoft begs for mercy

Microsoft begs for mercy

I Created a $30,000/Month App in 20 Minutes Using AI

I Created a $30,000/Month App in 20 Minutes Using AI

Claude Canvas превращает код Claude в визуальное терминальное приложение!

Claude Canvas превращает код Claude в визуальное терминальное приложение!

Код работает в 100 раз медленнее из-за ложного разделения ресурсов.

Код работает в 100 раз медленнее из-за ложного разделения ресурсов.

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: infodtube@gmail.com