Egy étrend tervező alkalmazás készítése: Plantsy Dinner – Meal Planner

Egy étrend tervező alkalmazás készítése: Plantsy Dinner – Meal Planner

A kezdő értékajánlatom: „Előre elkészített, növényi alapú heti vacsoraterv elfoglalt városi nőknek, személyre szabott adagszámmal, adagonkénti kalóriával és kipipálható bevásárlólistával.„

A „Plantsy Dinner” egy no-code webalkalmazás, amelyben az adminisztrátor hetente összeállított, növényi alapú vacsora-menüket készít, és minden felhasználó a saját profiljában elmentett beállítások alapján automatikusan személyre szabott változatot kap, amely tartalmazza az adagokhoz igazított recepteket, az adagonkénti kalóriatartalmat, valamint egy összevont bevásárlólistát, hogy a teljes heti bevásárlást egyben el tudja intézni.

Landing page bejelentkezés előtt

Tervezés

Első lépésben a Perplexity-vel beszélgettem arról, hogy a megvalósítás módjaként mit célszerű használni, az MVP-hez mi szükséges. Kértem tőle skálázási tervet, hogyha a validálás sikeres egy egyszerűbb technológiával, hogyan lépjünk tovább automatizációban.

Miután a szükséges funkciókban megegyeztünk, előállított a kérésemre angol nyelven egy MVP-briefet, amiből a fejlesztésre vonatkozó részeket átmásoltam a Lovable AI promptjába.

Alapból nagyon szép design javaslatokat tett, amik közül már az első generálás során tudtam választani. Első körben a user interface készült el, utána tudtam megkérni arra is, hogy admin felületet készítsen, ahol tudok új receptet hozzáadni, illetve az aktuális heti tervet be tudom állítani és a receptek leírását szerkeszteni. Kellett kérnem egy landing page előállítását külön, ahol a CTA-kat és a fő infókat el tudom helyezni.

Perplexity-t használtam a landing page FAQ rész szövegének előállítására, megadtam neki a hangnemet és hogy nagy vonalakban miket tartalmazzon, például a disclaimerek, amik feltétlenül benne kell legyenek, és a saját sztorim, hogy szője bele.

Mikor úgy láttam, hogy ezek már működnek, és a Lovable saját adatbázisában is létrejött felhasználó a tesztem során, illetve működött a belépés és az az után láthat funkciók megfelelőek voltak, hozzáadtam a következő szintlépést: az elfelejtett jelszó visszaállítási lehetőséget, és a szükséges „jogi” dolgokat (privacy policy, terms & conditions).

Receptek és bevásárlólista funkciók

Az admin lapon ki tudom válogatni a meglévő receptekből a heti tervet, és új receptet is hozzá tudok adni, így bővíthető a receptkönyvtár. A felhasználó a saját belépés utáni oldalán mindig az adott heti tervet látja a bevásárlólistával együtt.

Így néz ki a felhasználó felülete belépés után, amikor látja a heti tervet

Az első 5 receptet magától legenerálta a Lovable, és nagyon mutatós receptkártyákat is készített. Ahogy kértem, recepten belül is lehet állítani, hogy hány főre főzünk aznap. Ettől függetlenül erre a számra (hány főre szóljanak a receptek) van egy alapértelmezés beállítva a profil oldalon, amit megjegyez.

Egy receptkártya a főzési idővel, kalóriaszámmal és adagszám beállítási lehetőséggel

Fontos volt, hogy a teljes heti tervre összegezve kapjam meg a bevásárlólistát (arra apellálva, hogy heti egyszer a friss hozzávalókat beszerzi a felhasználó egyben), és a lista pipálgatható legyen, így jobban követhető, valójában mit kell venni.

Extra: hírlevél

Közben jött egy ötletem, hogy a Mailerlite hírlevél rendszerrel is összekötöm, hogy aki beregisztrál, emailben is kaphassa az emlékeztetőt az új heti receptekről, illetve lehessen tippeket küldeni esetleg valamilyen cross-sell vagy affiliate opcióval. A Mailerlite-ban kreáltam API tokent, és a Lovable-t promptoltam, hogy oldjuk meg, és mondja meg, milyen névvel tegyem bele a kulcsok (secrets) részbe a Cloud lapon. Ezzel egyidőben a feliratkozás lapon hozzáadtunk egy checkboxot is, hogy a felhasználó elfogadja a hírlevél feliratkozást.

Végül a Lovable saját applikációján belül publikáltam, mert úgy gondoltam, erre még nem veszek domaint, egyelőre csak tesztelem, hogy van-e rá igény, a monetizálás előtt.

Látogasd meg az oldalt, és regisztrálj be, hogy lásd a teljes felületet!

A Lovable oldalára mutató link egy invite link, amin keresztül, ha feliratkozol, extra crediteket kapok a fiókomra, hogy további alkalmazásokat alkothassak, és fejleszthessem a meglévőeket. Köszönettel veszem, ha ezen keresztül iratkozol fel, alapból a Lovable bizonyos számú korlátozott napi creditfelhasználás mellett ingyenes.