AI araçlarını kullanarak kendi Todo Liste uygulamamı dakikalar içinde nasıl oluşturdum

Yayınlanan: 2025-03-05

AI teknoloji manzarasını sonsuza dek değiştiriyor; Örneğin Chatgpt'i alın. Yazma endüstrisini bozdu ve hatta tüm Chegg işletmelerini bozdu. Her şirket şimdi AI'dan sonra çalışıyor ve onu uygulamalarına ve hizmetlerine entegre etmeye çalışıyor. Birçoğuna sahip olmak güzel olsa da, AI'nın gerçek değeri, insan çabalarını azaltması, süreçleri hızlandırması ve maliyetleri düşürmesidir.

build apps in minutes

Örneğin, biri bana bir uygulama oluşturmanın ne kadar sürdüğünü sorarsa, muhtemelen kaynaklara ve uygulamanın ne kadar büyük olduğuna bağlı olarak birkaç ay, belki yıllar içinde cevap verirdim.

Ancak, şimdi aynı soruyu sorarsanız, belki bir saat, bir gün, hatta dakikalar söyleyebilirim. AI'nın şimdi yapabileceği şey bu. Bazı uygulamalar sadece birkaç dakika içinde uygulamalar oluşturmanıza izin verir. Hayır, uygulamalar oluşturmak için kodsuz AI araçlarından bahsetmiyorum. Herhangi bir dilde veya şekilde kod yazabilen veya uygulamaları oluşturmanıza yardımcı olabilen uygulamalardan bahsediyorum. İyi olan şey, tek bir kod satırı yazmanıza veya kodun nasıl çalıştığı hakkında önceden bilgiye gerek olmamasıdır.

Bir uygulama oluşturabilir ve uygulamayı sadece birkaç dakika içinde milyonlarca ölçeklendirebilirsiniz. Çeşitli AI araçları kullanıyorum ve 30'dan fazla uygulamayı oluşturdum. Aylarca kodlamayı öğrenmek için harcamadan bir şeyler öğrenmek ve yaratmak istiyorsanız, bu kılavuz tam size göre.

İçindekiler

Sadece dakikalar içinde uygulama nasıl oluşturulur: Yapılacaklar listesi uygulaması oluşturalım

Adım
Tanım
1. adım
Uygulamanız için ayrıntılı bir AI istemi oluşturmak için chatgpt kullanın. Örnek: Gerekli tüm özelliklere sahip bir yapılacaklar listesi uygulaması oluşturmak için bir AI istemi oluşturun
2. Adım
Ardından, Google veya GitHub kullanarak Lovable.dev'de bir hesap oluşturun.
Adım 3
ChatGPT tarafından oluşturulan istemi sevimli içine yapıştırın ve Enter tuşuna basın. Araç uygulamayı oluşturmaya başlayacak.
4. Adım
Herhangi bir sorunla karşılaşırsanız, sayfayı yeniden yükleyin, sorunları çözmek için araç isteyin
Adım 5
Bir kez, uygulama oluşturulur otomatik olarak uygulamanın bir önizlemesini oluşturur. Kullanmaya başlayabilirsiniz.
Adım 6
Uygulamaya daha fazla özellik eklemek için, uygulamanızı geliştirmek ve özelleştirmek için daha fazla bilgi kullanabilirsiniz. Örneğin: Her görev için zamanlayıcı ayarlama olanağı ekleyin, araç bu özelliği eklemek için kodu güncelleyin.
Adım 7 (isteğe bağlı)
Ardından, verileri depolamak ve veri kaybını önlemek için supabase kullanabilirsiniz.
Adım 8
Uygulamanızı genel bir bağlantı ile canlı hale getirmek için yayın düğmesine tıklayın.
Adım 9
Kodu cihazınızda yerel olarak kaydetmek için GitHub hesabına bağlanın ve kodu taahhüt edin.

Lovable.dev ve Bolt.New araçlarını, basit doğal istemleri kullanarak uygulamayı oluşturmanızı sağlayan yeni araçlar denedim. Her ikisi de sadece birkaç dakika içinde basit web uygulamaları oluşturmada inanılmaz sonuçlar sunar, ancak sınırlar açısından biraz farklılık gösterirler.

Deneyimlerime göre, Bolt sınırlı jetonlar (AI'nın ne kadar metin veya kod yazabileceği; Bolt'ta 150K kelimeyle sınırlıydı) sunar, bu da birden fazla istem ve yüzlerce kod çizgisi gerektiren gelişmiş bir uygulama oluşturmak istiyorsanız çok fazla değildir. Ayrıca, cıvatayı oluşturmak ve kullanmak için bir GitHub hesabına ihtiyacınız vardır.

Öte yandan, Lovicable, programlı olmayanların bir GitHub hesabına sahip olmadığı için bir Google hesabıyla oturum açmanıza izin vererek daha kullanıcı dostu bir yaklaşım benimser.

Ayrıca, Bolt'un aksine, Lovable, sınırları aşma konusunda endişelenmeden planlar oluşturmanıza ve yinelemenize ve herhangi bir sorunu çözmenize izin veren günde beş ücretsiz istem sunar (uygulamayla kaç kez arayüz oluşturabilirsiniz).

Uygulamayı oluşturmanıza yardımcı olmak için sevimli kullanacağım. Benzer bir yaklaşım ve arayüz sundukları için GitHub hesabınız varsa Bolt'u da görebilirsiniz.

İlk olarak, bir fikir yaratarak başlayalım. Bu uygulamalar doğal dili anlayabilse de, daha iyi sonuçlar elde etmek ve daha sonra tekrarlayan ücretsiz istemi sınırınızı gereksiz yere boşa harcamaktan kaçınmak için önceden bir istemde oluşturacağınız uygulamanın tüm ayrıntılarını planlamak ve eklemek daha iyidir.

Ve endişelenme, önceden bilgiye ihtiyacınız yok. Bir uygulama oluşturmak için ayrıntılı bir istem oluşturmak için herhangi bir AI Chatbot aracını kullanabilirsiniz; Daha iyi sonuçlar için chatgpt kullanmanızı öneririm.

Chatgpt.com adresini ziyaret edin ve bu özelliklerle ne oluşturmak istediğinizi sormaya başlayın. Herhangi bir deneyiminiz varsa, ihtiyaçlarınıza göre uyarlanmış herhangi bir özellik belirleyebilirsiniz. Biraz zaman geçirin ve istemi ince ayarlayın.

use chatgpt to generate ai prompt

Son olarak, chatgpt'ten uygulamayı oluşturmak için bir AI istemi oluşturmasını isteyin.

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

Ardından, Lovable.dev'e gidin ve bir hesabınız yoksa kaydolmaya tıklayın. create account on lovable website

Sevimli'ye kaydolmak için bir Google hesabı veya GitHub kullanabilirsiniz. Bir Google hesabını kullanmanızı öneririm, çünkü ayarlanması kolay ve herkes var.

sign up for lovable

Oturum açtıktan sonra, sohbet ekranında chatgpt'den kopyalayın , istem olarak yapıştırın ve enter tuşuna basın veya sağ alt köşedeki küçük oku tıklayın. Araç, uygulamayı gerekli dosyalarla oluşturmaya başlayacaktır.

enter prompt in lovable

Uygulamanın özelliklerine bağlı olarak, oluşturmak birkaç dakika sürebilir. Bilinmeyen bir hata gibi herhangi bir hatayla karşılaşırsanız veya bir şey yanlış gitti ve uygulama oluşturmayı durdurursa, sürece devam etmek için devam eden uygulama uygulamasını kullanabilirsiniz.

lovable tool building the app

Yapı tamamlandıktan sonra, çalışan uygulama önizlemesini sağ sekmede görüntüleyebilir ve mobil ve masaüstü görünümü arasında geçiş yapabilirsiniz.

working to do list app

Bir hatayla karşılaşırsanız, uygulama sizden düzeltmenizi ister ve araç sorunu otomatik olarak çözmeye başlar. Sol kenar çubuğundan gelen istemleri kullanarak uygulamayı yeni özelliklerle geliştirebilirsiniz. Günde 5 istem ile sınırlı olacağınızı unutmayın. Sınıra ulaştığınızda, 24 saat beklemeniz gerekir.

add new features to the app

Bu durumda, yapılacaklar listesi görev uygulamasını her görev için özel bir zamanlayıcı ayarlama seçeneğiyle istiyorum ve görevi eklemeden önce görev önceliğini ayarlamak istiyorum. Daha fazla ince ayar yapabilir ve CHATGPT kullandığınız istemi alabilirsiniz ve daha sonra araç uygulamaları bu yeni özelliklerle günceller.

updated app with new features

Tebrikler! Yapılacaklar listesi uygulamasının ön ucunu sadece birkaç dakika içinde oluşturdunuz. Yapılacaklar listesi oluşturmak için kullanabilirsiniz. Ancak, veritabanı olmadığından, uygulamayı sıfırlarsanız veya sadece Chrome önbelleğini veya kullandığınız diğer tarayıcıyı temizlerseniz verilerinizi kaybedebilirsiniz.

Bundan kaçınmak için verileri veritabanına bağlayabilir ve verileri saklamak için kullanabilirsiniz. Merak etme; Basit adımlarla yapabilirsiniz.

Uygulamanızı veritabanına bağlayabilir, tüm verilerinizi depolayabilir, kimlik doğrulama ekleyebilir ve hatta e -posta gönderebilirsiniz. Benim durumumda, oluşturduğum yapılacaklar listesi uygulaması tüm görevlerinizi depolamak için yerel tarayıcı depolama alanı kullanıyor ve Google Chrome'un veya kullandığınız herhangi bir tarayıcının önbelleğini temizlerseniz, tüm görevleriniz silinecektir. Bundan kaçınmak için veritabanına bağlayabilir ve sunucudaki verileri depolayabilirsiniz.

Lovable, uygulamanızı bir veritabanına bağlamanın, verileri görevi kullanarak saklamak, kimlik doğrulama eklemek, e -posta göndermek ve daha fazlasını sunmak için kolay bir yol sunar.

connect your app to supabase database

Supabaz'ı tıklayın, ardından Supabase'i bağlayın ve orada bir hesap oluşturun. Hesap oluşturduktan sonra, Geri Yetkili Sevimli'yi tıklayın. Supabase'de bir hesap oluşturmak için bir GitHub hesabına ihtiyacınız var. Github hesabınız yoksa, buradan bir hesabınız oluşturabilirsiniz.

authorize access

Şimdi bir süpabaz hesabı oluşturun. GitHub hesabınızı kullanarak giriş yapmanız gerekir. Oluşturulduktan sonra uygulamaya geri dönün ve uygulama proje adınızı ve kimliğinizi sayfada gösterir.

connect app to your project

Hesabınızı tıklayın ve ardından Yeni Proje Oluştur'a dokunun.

create a new project in subabase

Ardından, bir proje adı girin ve veritabanına otomatik olarak bağlanacak yeni bir proje oluşturun. Daha sonra, birkaç farklı eylem için seçenekler sunar. Bu durumda, sadece görev verilerini saklamak istiyorum.

save the app data

Uygulama size SQL kodunu verir. Buna aşina iseniz kodu inceleyebilir ve değişiklikleri Uygula'yı tıklayabilirsiniz. Uygulama veritabanına başarıyla bağlanacaktır.

review sql code and apply changes

Artık uygulamayı yayınlayabilir ve cep telefonunuzda kullanabilirsiniz. Bağlantıyı almak için yayın düğmesine tıklayın ve tekrar yayınlayın . Unutmayın, halka açık bir bağlantıdır; Buna erişen herkes uygulama kodunuzu kopyalayıp yeniden karıştırabilir. Özel bir proje oluşturmak için premium planlara abone olmanız gerekir.

publish the app with live link

Ayrıca kodu GitHub olarak paylaşabilir, projeyi yerel olarak indirebilir ve cihazınızda geliştirmeye başlayabilirsiniz. Github hesabınızı bağlayın ve projeyi GitHub'a getirin.

your app is ready

İşte bu! Birkaç dakika içinde basit AI araçlarını kullanarak tam bir yapılacaklar listesi uygulaması oluşturdunuz. Umarım bu kılavuzu yararlı bulursunuz.

İstediğiniz herhangi bir uygulamayı oluşturabilirsiniz, olasılıklar sınırsızdır, ancak bu AI araçlarının ücretsiz sürümünün birkaç istem ile sınırlı olduğunu unutmayın, bu sınırı artırabilecek ancak normal bir kullanıcı iseniz pahalı bir premium plan seçebilirsiniz. Örneğin, sevimli başlangıç ​​planı 20 dolara mal oluyor ve ChatGPT Plus planı ile aynı. Günde 5 komşuya (ayda 30 ile sınırlı) erişim sağlayan ücretsiz plan, temel bir web uygulaması oluşturmak için fazlasıyla yeterli. Umarım bu kılavuzu yararlı bulursunuz; Herhangi bir öneriniz veya karşılaşma sorunlarınız varsa, yorumlarda bana bildirin.

Yaptığım uygulamayı görüntüleyin: https://pomodoro-panda-planner.lovable.app./

AI araçlarını kullanarak uygulamalarda SSS

1. Mobil uygulamalar oluşturmak için sevimli veya cıvata kullanabilir miyim, yoksa sadece web uygulamaları için mi?

Mobil uygulamalar oluşturmak için bu araçları da kullanabilirsiniz. Araçlardan React Native'da kod yazmasını isteyebilir ve daha sonra Google Play ve Apple App Store gibi mobil platformlarda yayınlayabilirsiniz. Mevcut uygulamaları aynı React yerel çerçevesiyle birlikte çerçeveler kullanarak mobil uygulamalara dönüştürebilir veya kapasitör veya cordova gibi araçları kullanarak bir web görünümüne sarabilirsiniz.

2. Sevimli veya cıvata kullanmak için herhangi bir kodlama bilgisine ihtiyacım var mı?

Hayır, temel web uygulamalarını oluşturmak için önceden kodlama bilgisine ihtiyacınız yoktur. Bununla birlikte, bu AI araçları bazen bir hıçkırık olabilir, bu nedenle sorunları çözmek için teknik ve kodlama bilgisine ihtiyacınız vardır. Ancak, çoğu durumda. Tek bir kod satırı yazmadan doğal dil istemlerini kullanarak uygulamalar oluşturabilirsiniz.

3. Sevimli ve cıvata arasındaki ana farklar nelerdir?

Lovable, bir Google hesabıyla oturum açmanıza izin verir ve günlük 5 ücretsiz istem sunarken, Bolt bir GitHub hesabı gerektirir ve günde 150k ücretsiz jeton sağlar. Her ikisinin de neredeyse benzer bir arayüzü var. Additnaly Bot. Yeni, kodu doğrudan ağ sunucularına derinden indirmenize veya taşımanıza izin verir. Oysa küresel olarak, taahhüt etmeniz gerekiyor. Kodu almak için GitHub kodu.

4 Bu AI araçlarını kullanarak karmaşık uygulamalar oluşturabilir miyim?

Evet, ancak karmaşık uygulamalar gelişmiş kodlama bilgisi gerektirdiğinden bir sınırlama olacaktır. Bu araçlar ayrıca, uygulamayı ücretsiz sürümler kullanarak oluşturmak için yeterli olabilecek sınırlı bilgi istemleri de sunar.

5. Ücretsiz istemler veya jetonlar tükenirsem ne olur?

Sevimli olarak, ücretsiz sürüm 5 günlük istem ile sınırlıdır ve sıfırlama için 24 saat beklemeniz gerekir. Bolt'ta, 150K jetonunu aştığınızda, daha fazla jeton almak için günlük sıfırlama sınırını beklemelisiniz.