Краткое содержание
В этом видео показано, как создать приложение для отслеживания менструального цикла, похожее на Flow, без написания кода, используя инструмент ИИ Lovable. Рассматриваются этапы от генерации идеи до интеграции платежной системы Stripe и настройки премиум-функций.
- Использование ИИ для создания полнофункционального приложения без кодирования.
- Интеграция с Superbase для аутентификации пользователей и хранения данных.
- Настройка платежей через Stripe и монетизация приложения.
Введение
Автор рассказывает о создании приложения для отслеживания менструального цикла, которое приносит 8 миллионов долларов в месяц, не написав ни строчки кода. Он обещает показать пошаговый процесс создания такого приложения с использованием инструментов ИИ, способного генерировать доход. Подчеркивается, что большинство no-code инструментов не позволяют настраивать серверную часть, учетные записи пользователей или обработку платежей.
Шаг 1: Генерация идеи приложения с помощью ИИ
Первый шаг включает использование ИИ для генерации идеи приложения и создания плана. В Lovable вводится запрос на создание полнофункционального приложения для отслеживания менструального цикла с современным дизайном, включающего отслеживание цикла и фертильности, симптомов, режим беременности, а также информацию и обучение по вопросам здоровья. ИИ генерирует приложение под названием Harmony.
Шаг 2: Создание основных функций приложения
На этом этапе улучшается навигация приложения, делая его более интуитивным. Разделы реорганизуются в "Отслеживание менструального цикла", "Симптомы", "Беременность" и "Информация". Удаляется лишняя панель навигации для упрощения интерфейса. Настраивается аутентификация пользователей через Superbase, чтобы обеспечить безопасное хранение данных.
Интеграция с Superbase для аутентификации пользователей
Подключается Superbase для обработки хранилища и аутентификации. Создается новый проект в Superbase, и Lovable получает необходимые разрешения для интеграции. URL-адрес, предоставленный Lovable, вставляется в панель управления Superbase для завершения соединения. Отключается подтверждение по электронной почте для упрощения процесса входа в систему.
Настройка отслеживания менструального цикла
Создается удобный интерфейс для отслеживания менструального цикла, где пользователи могут регистрировать даты начала и окончания менструации. Используется функция "Попробовать исправить" для автоматического устранения неполадок. Добавляется функция прогнозирования будущих циклов и овуляции на основе прошлых данных.
Добавление функции отслеживания симптомов
Добавляется раздел отслеживания симптомов, позволяющий пользователям регистрировать настроение, физические симптомы и режим сна. Данные отображаются на интерактивной диаграмме для визуализации изменений с течением времени. Удаляется лишняя страница навигации для улучшения организации раздела.
Режим беременности и отслеживание фертильности
Создается раздел "Режим беременности" с трекером фертильности, прогнозирующим овуляцию и наиболее фертильные дни. Добавляется функция отслеживания развития плода по неделям с образовательным контентом на основе прогресса триместра.
Раздел информации о здоровье и образовательный контент
Добавляется раздел с полезной информацией о здоровье, анализирующий данные о менструальном цикле пользователя и предлагающий рекомендации. Предоставляются образовательные статьи и видеоролики по репродуктивному здоровью, отображаемые на основе фазы цикла пользователя.
Шаг 3: Интеграция платежной системы Stripe
Настраивается интеграция Stripe для монетизации приложения через премиум-подписку за 9,99 долларов в год. Включается тестовый режим для проверки транзакций. Добавляется секретный ключ Stripe и идентификатор продукта. Интегрируются веб-перехватчики для отслеживания событий подписки.
Тестирование и публикация приложения
Приложение публикуется, создается тестовая учетная запись, и проверяется работа премиум-функций после оформления подписки через Stripe. Используется поддельная карта для тестовой транзакции. В завершение изменяется дизайн приложения на современный пользовательский интерфейс.
