Tror inte det går att kopiera i Lovable. Men det är jättelätt, skaffa ett gratiskonto på www.lovable.dev; och ev. ett gratiskonto på Supabase.com och koppla databas till ditt projekt (kräver ett par extra steg). Prompta sedan fram din app.
Som exempel skrev jag nu in denna prompt:
Skape ett nytt menyval “Rikedomstrappan” och lägg ovanför “Konfigurera” i menyn. Den skall leda till en ny sida ”Rikedomstrappan”.
Sidan skall visualisera var på rikedomstrappen en viss person är baserat på deras finansiella status. Rikedomstrappan har 6 steg:
Nivå 1: Under 100.000kr
Nivå 2: 100.000-999.999kr
Nivå 3: 1.000.000-9.999.999
Nivå 4: 10.000.000-99.999.999
Nivå 5: 100.000.000-999.999.999
Nivå 6: Över 1.000.000.000
Nivåerna är logaritmiska; för varje nivå krävs det 10 gånger mer att komma upp till nästa nivå.
Visualisera grafiskt var på skalan en person är baserat på deras rikedom. Visualiseringen skall göras med en snygg grafisk termometer, som har en färgskala från röd på nivå 1 till grön på nivå 6. Ta hänsyn till att skalan är logaritmisk och plotta ut i termometer på vilken nivå en viss person är; t ex 3.0 eller 4.1. Anta att personen har en total rikedom om 3.600.000kr som demo exempel.
Lovable/ChatGPT5 tänkte någon minut och sedan genererades denna programfunktion (baserad på demodata om 3.6MSEK i förmögenhet):
Som man ser i screenshot ovan räknade den först fel (glömde bort att det var logaritmisk skala), så jag fick justera det med en till prompt och då blev det rätt (tror jag):
Det här tog mig alltså typ 2 minuter att lägga till i appen, som ju redan hade andra grundfunktioner klara.
@janbolmeson kanske en intressant funktion till er nya webbsida?