Tagasi näidete juurde

Koodimine Lovable.dev platvormil

Lovable on AI abil arendamise keskkond, kus rakendust kirjeldatakse loomulikus keeles ja platvorm loob veebirakenduse kasutajaliidese, loogika ning vajadusel andmebaasiühendused.

Mida on vaja teha, et Lovable’is rakendusi arendada?

Loo konto ja alusta projekt

Mine aadressile lovable.dev, loo konto ning kirjelda esimese promptiga, mida rakendus peab tegema. Hea algusprompt nimetab kasutaja, eesmärgi, peamised vaated ja andmed.

Kirjelda funktsioone väikeste sammudena

Ära proovi kogu toodet ühe korraga valmis saada. Lisa vaated, vormid, tabelid, autentimine ja kujunduse muudatused järjest. Pärast iga muudatust testi eelvaates.

Lisa andmed ja kasutajad

Kui rakendus peab andmeid meeles pidama, ühenda Lovable Cloud või Supabase. Lovable oskab luua andmetabeleid, autentimist, failide üleslaadimist ja serveripoolseid funktsioone, aga turvareeglid tuleb enne päriskasutajaid üle vaadata.

Hoia saladused serveris

API võtmeid, Stripe’i võtmeid, OpenAI võtmeid ja muid paroole ei panda kunagi otse brauserikoodi. Salvesta need Lovable’i või Supabase’i secrets/edge functions lahenduses.

Avalda ja uuenda

Vajuta Lovable’i ülanurgas Publish. Avaldamine teeb hetkeversioonist veebirakenduse aadressil nimi.lovable.app või tasulise plaani korral oma domeenil. Hilisemad muudatused ei lähe automaatselt live’i: vajuta Publish ja seejärel Update.

Hea algusprompt

Tee eestikeelne veebirakendus gümnaasiumi õpilasele, kes õpib programmeerimist. Rakenduses on: - avaleht kolme kaardiga - ülesannete nimekiri - vorm, kuhu saab lisada uue ülesande pealkirja, kirjelduse ja raskusastme - mobiilis mugav kujundus - rahulik, selge visuaalne stiil Alusta ilma sisselogimiseta. Tee esmalt töötav prototüüp.

Enne avaldamist

  • Kontrolli, et testandmed ei sisaldaks päris isikuandmeid.
  • Kui kasutad andmebaasi, vaata üle lugemis- ja kirjutamisõigused.
  • Testi mobiilivaadet, tühje vorme, vigaseid sisendeid ja aeglast internetti.
  • Lisa lehele arusaadav pealkiri, kirjeldus, ikoon ja jagamispilt.

Piirangud

Lovable sobib eriti hästi veebirakenduste, prototüüpide, tööriistade, dashboard’ide ja MVP-de jaoks. Väga keerulise backend’i, madala taseme mobiilifunktsioonide või suurte turvanõuetega toodete puhul on vaja arendaja ülevaatust.

Kuidas Lovable’is tehtud rakendus telefoni saada?

Lihtsaim viis: ava veebiaadress telefonis

  1. Avalda rakendus Lovable’is.
  2. Saada õpilastele või testijatele avaldatud URL.
  3. Ava link iPhone’is Safari või Androidis Chrome’iga.

iPhone / iPad: lisa koduekraanile

  1. Ava avaldatud rakendus Safaris.
  2. Vajuta Share nuppu.
  3. Vali Add to Home Screen.
  4. Pane nimi ja vajuta Add.

Android: lisa või installi

  1. Ava avaldatud rakendus Chrome’is.
  2. Vajuta kolme punktiga menüüd.
  3. Vali Install app või Add to Home screen.
  4. Kinnita installimine.

App Store / Google Play

Lovable’i avaldamine teeb veebirakenduse, mitte automaatselt natiivset iOS/Android äppi. Poodidesse jõudmiseks ekspordi kood ja paki see Capacitori, Median.co või muu wrapper’iga; seejärel tuleb teha Apple’i ja Google’i tavapärane allkirjastamine ning ülevaatus.

Näited Lovable abil tehtud rakendustest

Allolevad näited on avalikest Lovable-kataloogidest. Need on head inspiratsiooniks, kuid enne klassis kasutamist kontrolli alati, kas URL töötab ja kas sisu sobib õppijatele.

Digitaalsed kaardid

Warmly Cards

AI abil isiklike õnnitluskaartide loomine. Idee sobib hästi näitama, kuidas tekstigeneraator, disain ja jagatav veebileht ühes tööriistas kokku saavad.

www.warmly.cards
Disainitööriist

Chromix

AI-põhine värvipalettide generaator disaineritele ja arendajatele. Hea näide väikesest, selge kasutusjuhuga veebitööriistast.

chromix.app
Haridus / sport

Platzreife.de

Veebipõhine golfi teooriaeksami õppimise platvorm. Näitab, kuidas Lovable sobib õppematerjalide, testide ja õpivoogude prototüüpimiseks.

www.platzreife.de
HR ja värbamine

MatchWise

AI ATS ehk kandidaatide valiku tööriist personalitiimidele. Hea näide ärirakendusest, kus on andmed, töövoog ja otsustamist toetav kasutajaliides.

matchwise.app

Allikad