Как я построил свое собственное приложение Todo List за считанные минуты, используя инструменты искусственного интеллекта
Опубликовано: 2025-03-05ИИ навсегда меняет технологический ландшафт; Возьмите, к примеру, Chatgpt. Он нарушил писательную индустрию и даже нарушил целые предприятия Chegg. Каждая компания сейчас работает после ИИ и пытается интегрировать его в свои приложения и услуги. Хотя большинство из них приятно иметь, реальная ценность ИИ заключается в том, что он уменьшает человеческие усилия, ускоряет процессы и снижает затраты.
Например, если кто -нибудь спросит меня, сколько времени нужно для создания приложения, я бы, вероятно, ответил через пару месяцев, может быть, в зависимости от ресурсов и насколько велика приложение.
Однако, если вы зададите тот же вопрос сейчас, я бы сказал, может быть, час, день или даже минуты. Вот что ИИ может сделать сейчас. Определенные приложения позволяют создавать приложения всего за несколько минут. Нет, я не говорю об инструментах по искусственному интеллекту для создания приложений. Я говорю о приложениях, которые могут писать код любым языком или способом или помогать вам в создании приложений. Хорошо, что вам не нужно писать одну строку кода или даже предварительные знания о том, как работает код.
Вы можете построить приложение и масштабировать приложение до миллионов всего за минуты. Я использовал различные инструменты ИИ и построил более 30 приложений. Если вы хотите учиться и создавать что -то, не тратя месяцы на обучение на код, это руководство для вас.
Оглавление
Как создавать приложения за минуты: давайте создадим приложение для списка дел.
Шаг | Описание |
---|---|
Шаг 1 | Используйте CHATGPT, чтобы сгенерировать подробную подсказку ИИ для вашего приложения. Пример: генерируйте подсказку AI для создания приложения для списка дел со всеми необходимыми функциями |
Шаг 2 | Затем создайте учетную запись на oversable.dev с помощью Google или GitHub. |
Шаг 3 | Вставьте подсказку, сгенерированную CATGPT в привлекательный и нажмите Enter. Инструмент начнет создавать приложение. |
Шаг 4 | Если вы столкнетесь с какими -либо проблемами, перезагрузите страницу, спросите инструмент, чтобы решить проблемы |
Шаг 5 | Однажды приложение создается автоматически генерирует предварительный просмотр приложения. Вы можете начать использовать его. |
Шаг 6 | Чтобы добавить больше функций в приложение, вы можете использовать больше подсказок для улучшения и настройки вашего приложения. Например: добавьте возможность установить таймер для каждой задачи, инструмент обновляет код, чтобы добавить эту функцию. |
Шаг 7 (необязательно) | Затем вы можете использовать Supabase для хранения данных и предотвращения потери данных. |
Шаг 8 | Нажмите кнопку «Опубликовать», чтобы сделать ваше приложение в прямом эфире по общедоступной ссылке. |
Шаг 9 | Чтобы сохранить код локально на вашем устройстве, подключитесь к учетной записи GitHub и совершите код. |
Я пробовал Quialble.dev и Bolt.new Intorrials, которые позволяют создавать приложение, используя простые естественные подсказки. Оба предлагают невероятные результаты в создании простых веб -приложений всего за несколько минут, но они немного отличаются с точки зрения пределов.
По моему опыту, Bolt предлагает ограниченные токены (сколько текстовых или кода может писать; Кроме того, вам нужна учетная запись GitHub для создания и использования болта.
С другой стороны, Lovable использует более удобный подход, позволяя вам войти в систему с учетной записью Google, поскольку не многие не программисты имеют учетную запись GitHub.
Кроме того, в отличие от Bolt, Lovable предлагает пять бесплатных подсказок в день (сколько раз вы можете взаимодействовать с приложением), что позволяет создавать планы и итерацию и решать любые проблемы, не беспокоясь о превышении пределов.
Я буду использовать милый, чтобы помочь вам построить приложение. Вы также можете увидеть болт, если у вас есть учетная запись GitHub, поскольку они предлагают аналогичный подход и интерфейс.
Во -первых, начнем с создания идеи. Несмотря на то, что эти приложения могут понять естественный язык, лучше планировать и включать все детали приложения, которое вы будете создавать заранее в одном приглашении, чтобы получить лучшие результаты и избежать тратить свой бесплатный лимит быстрого приглашения без необходимости, повторяя запросы позже.
И не волнуйтесь, вам не нужно никаких предварительных знаний. Вы можете использовать любой инструмент AI Chatbot для создания подробной подсказки для создания приложения; Я рекомендую использовать CHATGPT для лучших результатов.
Посетите Chatgpt.com и начните спрашивать, что вы хотите создать приложение с этими функциями. Если у вас есть какой -либо опыт, вы можете указать любые функции, адаптированные к вашим потребностям. Проведите некоторое время и точно настроите подсказку.
Наконец, попросите Chatgpt генерировать подсказку AI для создания приложения.
Затем перейдите на ovable.dev и нажмите «Зарегистрироваться» , если у вас нет учетной записи.
Вы можете использовать учетную запись Google или GitHub , чтобы подписаться на Tovable. Я рекомендую использовать учетную запись Google , так как ее легко настроить, и у всех есть ее.

После входа в систему на экране чата скопируйте подсказку из CHATGPT , вставьте его в качестве подсказки и нажмите Enter или нажмите крошечную стрелку в правом нижнем углу. Инструмент начнет создавать приложение с необходимыми файлами.
В зависимости от функций приложения, для его построения может потребоваться несколько минут. Если вы столкнетесь с какой -либо ошибкой, такой как неизвестная ошибка или что -то, что -то пошло не так , и приложение прекращает строительство, вы можете использовать приложение «Продолжить строительство приложения для возобновления процесса».
После завершения сборки вы можете просмотреть предварительный просмотр рабочего приложения на правой вкладке и переключаться между мобильным и настольным представлением.
Если вы столкнетесь с ошибкой, приложение попросит вас исправить ее, и инструмент автоматически начнет решать проблему. Вы можете улучшить приложение с помощью новых функций, используя подсказки с левой боковой панели. Помните, что вы будете ограничены 5 подсказками в день. Как только вы достигнете лимита, вам нужно будет подождать 24 часа.
В этом случае я хочу, чтобы приложение «Задачи списка дел» с опцией установить пользовательский таймер для каждой задачи, и я хочу установить приоритет задачи, прежде чем добавить задачу. Вы можете настроить дальше и получить подсказку, которую вы используете CHATGPT, а затем инструмент обновляет приложения с этими новыми функциями.
Поздравляю! Вы только что построили переднюю часть приложения для дел за несколько минут. Вы можете использовать его для создания списка дел. Однако, поскольку базы данных нет, вы можете потерять свои данные, если сбросить приложение или просто очистить хромированный кэш или любой другой браузер, который вы используете.
Чтобы избежать этого, вы можете подключить данные к базе данных и использовать их для хранения данных. Не волнуйся; Вы можете сделать это простыми шагами.
Вы можете подключить свое приложение к базе данных, сохранить все данные, добавить аутентификацию и даже отправлять электронные письма. В моем случае, приложение для списков дел, которое я построил, использует локальное хранилище браузера для хранения всех ваших задач, и если вы очистите кэш Google Chrome или любого браузера, который вы используете, все ваши задачи будут удалены. Чтобы избежать этого, вы можете подключить его к базе данных и сохранить данные на сервере.
Lovable также предлагает простой способ подключить ваше приложение к базе данных, хранить данные, используя задачу, добавить аутентификацию, отправить электронные письма и многое другое.
Нажмите на Supabase, затем подключите Supabase и создайте там учетную запись. После создания учетной записи нажмите «Авторизировать» . Вам нужна учетная запись GitHub для создания учетной записи в Supabase. Если у вас нет учетной записи GitHub , вы можете создать одну отсюда.
Теперь создайте учетную запись Supabase . Вам нужно войти в систему, используя свою учетную запись GitHub. После создания вернитесь в приложение, и в приложении показано имя вашего проекта и идентификатор на странице.
Нажмите на свою учетную запись, а затем нажмите «Создать новый проект».
Затем введите имя проекта и создайте новый проект, который автоматически подключается к базе данных. Позже это дает вам варианты для нескольких различных действий. В этом случае я просто прошу хранить данные задачи.
Приложение дает вам код SQL. Вы можете просмотреть код, если вы знакомы с ним, и нажмите «Применить изменения» . Приложение будет успешно подключено к базе данных.
Теперь вы можете опубликовать приложение и использовать его на своем мобильном телефоне. Нажмите на кнопку «Опубликовать» и опубликуйте еще раз, чтобы получить ссылку. Помните, это публичная ссылка; Любой доступ к нему может скопировать и ремикс кода приложения. Вам нужно подписаться на премиальные планы по созданию частного проекта.
Вы также можете поделиться кодом на GitHub, загрузить проект локально и начать разработку его на своем устройстве. Подключите свою учетную запись GitHub и совершите проект с GitHub.
Вот и все! Вы создали полное приложение для списка дел, используя простые инструменты AI в течение нескольких минут. Надеюсь, вы найдете это руководство полезным.
Вы можете создать любое приложение, которое вы хотите, возможности бесконечны, но помните, что бесплатная версия этих инструментов ИИ ограничена несколькими подсказками, вы можете выбрать премиум -план, который может увеличить этот предел, но стоит дорого, если вы постоянный пользователь. Например, милый стартовый план стоит 20 долларов и такой же, как и план CHATGPT Plus. Бесплатного плана, который дает доступ к 5 подсказкам в день (ограничен 30 в месяц), более чем достаточно для создания основного веб -приложения. Я надеюсь, что вы найдете это руководство полезным; Если у вас есть какие -либо предложения или столкнуться с проблемами, дайте мне знать в комментариях.
Посмотреть приложение, которое я создал: https://pomodoro-panda-planner.lovable.app./
Часто задаваемые вопросы по созданию приложений с использованием инструментов искусственного интеллекта
1. Могу ли я использовать милый или болт для создания мобильных приложений, или они только для веб -приложений?
Вы также можете использовать эти инструменты для создания мобильных приложений. Вы можете попросить инструменты для написания кода в React Native, а затем опубликовать его на мобильных платформах, таких как Google Play и Apple App Store. Вы также можете преобразовать существующие приложения в мобильные приложения, используя Frameworks Thy Aye Act Native Framework или обернуть их в веб -просмотр, используя такие инструменты, как конденсатор или Cordova.
2. Нужны ли мне какие -либо знания по кодированию, чтобы использовать привлекательный или болт?
Нет, вам не нужны предварительные знания по кодированию для создания основных веб -приложений. Тем не менее, эти инструменты ИИ могут иногда быть икотом, поэтому вам нужны технические знания и знания кодирования, чтобы решить проблемы. Однако в большинстве случаев. Вы можете создавать приложения, используя подсказки естественного языка, не написав ни одной строки кода.
3. Каковы основные различия между привлекательным и болтом?
Lovable позволяет вам войти в систему с учетной записью Google и предлагает 5 бесплатных подсказок в день, в то время как Bolt, с другой стороны, требует учетной записи GitHub и предоставляет 150 тысяч бесплатных токенов в день. Оба имеют почти похожий интерфейс. Additnaly Bot. Новый позволяет напрямую загружать или переносить код глубоко в сетевые серверы. В то время как в Global вам нужно совершить. Код GitHub, чтобы получить код.
4. Могу ли я создать сложные приложения, используя эти инструменты AI?
Да, но будет ограничение, поскольку сложные приложения требуют расширенных знаний кодирования. Эти инструменты также предлагают ограниченные подсказки в день, что может быть достаточно для создания приложения, используя бесплатные версии.
5. Что произойдет, если у меня не хватает бесплатных подсказок или токенов?
В привлекательности бесплатная версия ограничена 5 ежедневными подсказками, и вы должны ждать 24 часа для сброса. В Болте, как только вы превышаете токены 150 тысяч, вы должны подождать, пока ежедневный лимит сброса получает больше токенов.