Jak zbudowałem własną aplikację do listy TODO w ciągu kilku minut za pomocą narzędzi AI

Opublikowany: 2025-03-05

AI na zawsze zmienia krajobraz technologiczny; Weźmy na przykład Chatgpt. Zakłóciło branżę pisarską, a nawet zakłóciło całe firmy Chegg. Każda firma działa teraz po sztucznej inteligencji i próbuje zintegrować ją z aplikacjami i usługami. Chociaż większość z nich jest przyjemna, prawdziwą wartością AI polega na tym, że zmniejsza ludzki wysiłek, przyspiesza procesy i obniża koszty.

build apps in minutes

Na przykład, gdyby ktoś zapytał mnie, ile czasu zajmuje zbudowanie aplikacji, prawdopodobnie odpowiedziałbym za kilka miesięcy, może lat, w zależności od zasobów i tego, jak duża jest aplikacja.

Jeśli jednak zadasz to samo pytanie, powiedziałbym, że może godzinę, dzień, a nawet minuty. To właśnie teraz może zrobić AI. Niektóre aplikacje pozwalają budować aplikacje w zaledwie kilka minut. Nie, nie mówię o narzędzi bez kodu AI do budowania aplikacji. Mówię o aplikacjach, które mogą pisać kod w dowolnym języku lub sposobie lub pomóc w budowaniu aplikacji. Dobrą rzeczą jest to, że nie musisz pisać jednego wiersza kodu, a nawet wcześniejszej wiedzy o tym, jak działa kod.

Możesz zbudować aplikację i skalować aplikację do milionów w zaledwie kilka minut. Korzystałem z różnych narzędzi AI i zbudowałem ponad 30 aplikacji. Jeśli chcesz się nauczyć i stworzyć coś bez wydatków na naukę kodowania, ten przewodnik jest dla Ciebie.

Spis treści

Jak budować aplikacje w zaledwie kilka minut: zbudujmy aplikację do listy rzeczy do zrobienia

Krok
Opis
Krok 1
Użyj CHATGPT, aby wygenerować szczegółowy wiersz AI dla swojej aplikacji. Przykład: Wygeneruj monit AI do zbudowania aplikacji do listy rzeczy do zrobienia ze wszystkimi niezbędnymi funkcjami
Krok 2
Następnie utwórz konto na Lovable.Dev za pomocą Google lub GitHub.
Krok 3
Wklej monit generowany przez Chatgpt do sympatycznej i naciśnij Enter. Narzędzie zacznie budować aplikację.
Krok 4
Jeśli napotkasz jakiekolwiek problemy, ponownie załaduj stronę, poproś narzędzie do rozwiązania problemów
Krok 5
Po tworzeniu aplikacji automatycznie generuje podgląd aplikacji. Możesz zacząć go używać.
Krok 6
Aby dodać więcej funkcji do aplikacji, możesz użyć większej liczby monitów, aby ulepszyć i dostosować aplikację. Na przykład: Dodaj możliwość ustawienia timera dla każdego zadania, narzędzie zaktualizują kod, aby dodać tę funkcję.
Krok 7 (opcjonalnie)
Następnie możesz użyć supabase do przechowywania danych i zapobiegania utratę danych.
Krok 8
Kliknij przycisk Publikuj, aby Twoja aplikacja była na żywo z publicznym linkiem.
Krok 9
Aby zapisać kod lokalnie na urządzeniu, podłącz się do konta GitHub i zatwierdź kod.

Wypróbowałem narzędzia Lovable.Dev i Bolt.New, które pozwalają budować aplikację za pomocą prostych naturalnych podpowiedzi. Oba oferują niesamowite wyniki w budowaniu prostych aplikacji internetowych w zaledwie kilka minut, ale różnią się nieznacznie pod względem limitów.

Z mojego doświadczenia wynika, że ​​Bolt oferuje ograniczone tokeny (ile tekstu lub kodu może napisać; w Bolt był ograniczony do 150 000 słów) dziennie, co nie jest wiele, jeśli chcesz zbudować zaawansowaną aplikację wymagającą wielu podpowiedzi i setek wierszy kodu. Ponadto potrzebujesz konta GitHub, aby utworzyć i użyć Bolt.

Z drugiej strony Lovable przyjmuje bardziej przyjazne podejście, umożliwiając zalogowanie się na koncie Google, ponieważ niewielu nie-programistów ma konto GitHub.

Ponadto, w przeciwieństwie do Bolta, Lovable oferuje pięć bezpłatnych monitów dziennie (ile razy możesz kontaktować się z aplikacją), co pozwala tworzyć i iterować plany i naprawić wszelkie problemy, nie martwiąc się o przekroczenie granic.

Użyję Lovable, aby pomóc Ci zbudować aplikację. Możesz także zobaczyć Bolt, jeśli masz konto GitHub, ponieważ oferują one podobne podejście i interfejs.

Najpierw zacznijmy od stworzenia pomysłu. Mimo że te aplikacje mogą zrozumieć język naturalny, lepiej jest zaplanować i podać wszystkie szczegóły aplikacji, które będziesz zbudować wcześniej w jednym wierszu, aby uzyskać lepsze wyniki i uniknąć niepotrzebnego marnowania bezpłatnego limitu szybkiego poprzez powtarzanie żądań później.

I nie martw się, nie potrzebujesz wcześniejszej wiedzy. Możesz użyć dowolnego narzędzia AI Chatbot, aby utworzyć szczegółowy monit o budowę aplikacji; Polecam użycie CHATGPT dla lepszych wyników.

Odwiedź Chatgpt.com i zacznij pytać, co chcesz zbudować aplikację z tymi funkcjami. Jeśli masz jakieś doświadczenie, możesz określić dowolne funkcje dostosowane do twoich potrzeb. Poświęć trochę czasu i dostosuj monit.

use chatgpt to generate ai prompt

Na koniec poproś Chatgpt o wygenerowanie monitora AI do zbudowania aplikacji.

go to lovalable, and sign up using your google account.

Następnie przejdź do Lookable.Dev i kliknij , jeśli nie masz konta. create account on lovable website

Możesz użyć konta Google lub GitHub , aby zarejestrować się w celu uzyskania sympatyki. Polecam korzystanie z konta Google , ponieważ jest łatwo skonfigurować i każdy ma je.

sign up for lovable

Po zalogowaniu, na ekranie czatu, skopiuj wiersz z Chatgpt , wklej go jako monit i naciśnij Enter lub kliknij małą strzałkę w prawym dolnym rogu. Narzędzie rozpocznie tworzenie aplikacji z niezbędnymi plikami.

enter prompt in lovable

W zależności od funkcji aplikacji może potrwać kilka minut. Jeśli napotkasz jakikolwiek błąd, taki jak nieznany błąd lub coś poszło nie tak , a aplikacja przestaje budować, możesz skorzystać z aplikacji Kontynuuj budowę , aby wznowić proces.

lovable tool building the app

Po zakończeniu kompilacji możesz wyświetlić podgląd aplikacji roboczej na prawej karcie i przełączyć między widokiem mobilnym i komputera stacjonarnego.

working to do list app

Jeśli napotkasz błąd, aplikacja poprosi o jego naprawienie, a narzędzie automatycznie rozpocznie rozwiązywanie problemu. Możesz ulepszyć aplikację o nowe funkcje za pomocą monitów z lewego paska bocznego. Pamiętaj, że będziesz ograniczony do 5 podpowiedzi dziennie. Po osiągnięciu limitu będziesz musiał poczekać 24 godziny.

add new features to the app

W takim przypadku chcę aplikację zadania listy rzeczy z opcją ustawienia niestandardowego timera dla każdego zadania, i chcę ustawić priorytet zadania przed dodaniem zadania. Możesz dostosować dalej i uzyskać wiersz, którego używasz CHATGPT, a następnie narzędzie aktualizuje aplikacje o te nowe funkcje.

updated app with new features

Gratulacje! Właśnie zbudowałeś przednią aplikację listy rzeczy do zrobienia w zaledwie kilka minut. Możesz go użyć do utworzenia listy rzeczy do zrobienia. Ponieważ jednak nie ma bazy danych, możesz stracić dane, jeśli zresetujesz aplikację lub po prostu wyczyść pamięć podręczną Chrome lub inną przeglądarkę, której używasz.

Aby tego uniknąć, możesz podłączyć dane z bazą danych i użyć ich do przechowywania danych. Nie martw się; Możesz to zrobić w prostych krokach.

Możesz podłączyć aplikację do bazy danych, przechowywać wszystkie dane, dodać uwierzytelnianie, a nawet wysłać e -maile. W moim przypadku zbudowana przeze mnie aplikacja do zrobienia wykorzystuje lokalną pamięć przeglądarki do przechowywania wszystkich zadań, a jeśli wyczyścisz pamięć podręczną Google Chrome lub dowolnej przeglądarki, której używasz, wszystkie zadania zostaną usunięte. Aby tego uniknąć, możesz podłączyć go do bazy danych i przechowywać dane na serwerze.

Lovable oferuje również łatwy sposób podłączenia aplikacji z bazą danych, przechowywanie danych za pomocą zadania, dodanie uwierzytelniania, wysyłania wiadomości e -mail i innych.

connect your app to supabase database

Kliknij Supabase, a następnie podłącz supabase i utwórz tam konto. Po utworzeniu konta kliknij autoryzuj Lovable . Potrzebujesz konta GitHub, aby utworzyć konto w Supabase. Jeśli nie masz konta Github , możesz go utworzyć stąd.

authorize access

Teraz utwórz konto Supabase . Musisz zalogować się za pomocą konta GitHub. Po utworzeniu wróć do aplikacji, a aplikacja pokazuje nazwę projektu i identyfikator na stronie.

connect app to your project

Kliknij swoje konto, a następnie dotknij Utwórz nowy projekt.

create a new project in subabase

Następnie wprowadź nazwę projektu i utwórz nowy projekt, który automatycznie połączy się z bazą danych. Później daje opcje kilku różnych działań. W takim przypadku po prostu proszę o przechowywanie danych zadań.

save the app data

Aplikacja podaje kod SQL. Możesz przejrzeć kod, jeśli znasz go i kliknij Zastosuj zmiany . Aplikacja zostanie pomyślnie podłączona do bazy danych.

review sql code and apply changes

Teraz możesz opublikować aplikację i używać jej na telefonie komórkowym. Kliknij przycisk Publikuj i opublikuj ponownie, aby uzyskać link. Pamiętaj, że jest to link publiczny; Każdy, kto do niego uzyskuje dostęp, może skopiować i remiksować kod aplikacji. Musisz zasubskrybować plany premium, aby stworzyć prywatny projekt.

publish the app with live link

Możesz także udostępnić kod do GitHub, pobrać projekt lokalnie i rozpocząć opracowywanie go na swoim urządzeniu. Połącz swoje konto GitHub i poprowadź projekt do GitHub.

your app is ready

To wszystko! W ciągu kilku minut utworzyłeś pełną aplikację do listy rzeczy do zrobienia za pomocą prostych narzędzi AI. Mam nadzieję, że ten przewodnik jest pomocny.

Możesz zbudować dowolną aplikację, możliwości są nieograniczone, ale pamiętaj, że bezpłatna wersja tych narzędzi AI jest ograniczona do kilku monitów, możesz wybrać plan premium, który może zwiększyć ten limit, ale jest drogi, jeśli jesteś zwykłym użytkownikiem. Na przykład sympatyczny plan startowy kosztuje 20 dolarów i jest taki sam jak plan Chatgpt Plus. Bezpłatny plan, który daje dostęp do 5 podpowiedzi dziennie (ograniczone do 30 miesięcznie), jest więcej niż wystarczający do zbudowania podstawowej aplikacji internetowej. Mam nadzieję, że ten przewodnik jest pomocny; Jeśli masz jakieś sugestie lub problemy, daj mi znać w komentarzach.

Zobacz aplikację, którą zbudowałem: https://pomodoro-panda-planner.lovable.app./

Często zadawane pytania dotyczące aplikacji budowania za pomocą narzędzi AI

1. Czy mogę używać uroczego lub śruby do tworzenia aplikacji mobilnych, czy też są one tylko dla aplikacji internetowych?

Możesz także użyć tych narzędzi do tworzenia aplikacji mobilnych. Możesz poprosić narzędzia o napisanie kodu w React Native, a później opublikowania go na platformach mobilnych, takich jak Google Play i Apple App Store. Możesz także przekonwertować istniejące aplikacje na aplikacje mobilne za pomocą frameworków w tej samej natywnej frameworku React lub owijać je w widoku internetowym za pomocą narzędzi takich jak kondensator lub cordova.

2. Czy potrzebuję jakiejkolwiek wiedzy kodowania, aby używać sympatycznej lub śruby?

Nie, nie potrzebujesz wcześniejszej wiedzy kodowania, aby zbudować podstawowe aplikacje internetowe. Jednak te narzędzia AI mogą czasem być czkawka, więc potrzebujesz wiedzy technicznej i kodowania, aby rozwiązać problemy. Jednak w większości przypadków. Możesz budować aplikacje za pomocą podpowiedzi języka naturalnego bez pisania pojedynczego wiersza kodu.

3. Jakie są główne różnice między sympatycznym a Bolt?

Lovable pozwala zalogować się z konto Google i oferuje 5 bezpłatnych monitów dziennie, podczas gdy Bolt, z drugiej strony, wymaga konta GitHub i zapewnia 150K bezpłatnych tokenów dziennie. Oba mają prawie podobny interfejs. Bot Additnaly. NOWOŚĆ pozwala bezpośrednio pobierać lub przenosić kod głęboko w serwerach sieciowych. Podczas gdy na globalnym musisz się popełnić. Kod GitHub, aby uzyskać kod.

4. Czy mogę zbudować złożone aplikacje za pomocą tych narzędzi AI?

Tak, ale będzie ograniczenie, ponieważ złożone aplikacje wymagają zaawansowanej wiedzy kodowania. Narzędzia te oferują również ograniczone podpowiedzi dziennie, co może wystarczyć do zbudowania aplikacji za pomocą bezpłatnych wersji.

5. Co się stanie, jeśli zabraknie mi darmowych podpowiedzi lub tokenów?

W uroczej wersja bezpłatna jest ograniczona do 5 monitów dziennych i musisz poczekać 24 godziny na reset. W Bolt, gdy przekroczysz 150 tokenów, musisz poczekać, aż limit resetowania dziennego, aby uzyskać więcej tokenów.