Onlove illustrasjon

Onlove

Teknologier

  • Next.js
  • Prisma
  • PostgreSQL
  • Supabase
Nettsiden for Onlines veldedighetsfest, er utviklet med Next.js 15, App Router, Prisma for ORM, PostgreSQL som database og Supabase Storage for lagring av bilder og dokumenter



Admin-panel (begrenset tilgang):


/admin Hovedpanelet for admin dashboardet

Image

/admin/items

Oversikt over alle auksjonsvarer, kan legge inn eller redigere auksjonsvarer. Bestående av: navn, beskrivelse, bilde, minimum budøkning og startpris.
Image

/admin/rules

Kan gjennom en rich text editor opprette og redigere et regelark som blir eksportert som markdown.
Image

/admin/prize-goals

Kan se og administrere prismål. Prismålene vil bli lagt in som stretchgoals og består av: pris og beskrivelse.
Image

/admin/collected

Her får admin brukeren en oversikt over alle innsamlede midler. Det finnes 3 typer innsamlede midler, midler som er samlet inn gjennom: stilleauksjon, live auksjon og vipps. Stilleauksjons midler blir automatisk samlet inn gjennom siden. Live auksjoner kan manuelt legges inn. Foreløpig kan admin laste opp en autogenerert faktura fra Vipps, og den vil bli parset og nye innsamlede midler blir lagt inn automatisk. Alle de 3 typene blir lagt inn i stretch goals og det totale beløpet.
Image


/admin/lykkehjul

Formålet med denne siden, er at den tar inn alle collected som er av typen "VIPPS" og med beskrivelse "Lodd1", "Lodd2" etc. Hvert lodd teller som et navn i lykkehjulet, og admin kan enkelt kopiere en liste med navn, med alle som har kjøpt eksempelvis Lodd1 og lime det inn i et lykkehjul
Image

Offentlige sider:

/

Viser litt om mental helse, stretchgoals, de 3 største bidragsyterne, ditt eget totale bidrag, enkel oversikt over auksjoner, liste over nylige vipps og stilleauksjons donasjoner/bud.
Image

/auksjon

Viser alle stilleauksjons- objektene, med bilde, navn og beskrivelse. Når man trykker på "gi bud" fyller man kun ut beløp, og en JWT token med mer info blir sendt i bakgrunnen.
Image

/regelark

Viser regelarket som er opprettet i adminpanelet
Image

/lopeuka

Viser info om løpeuka, og hvordan man kan bli med
Image

Utviklerne