← Alle projekter

Eksamensprojekt · PBA Webudvikling

Naboting

Låneplatform for naboer.

Som eksamensprojekt designede og byggede jeg alene en fullstack-webapp, der lader beboere i samme boligfællesskab låne ting af hinanden: til naboer, der hellere vil låne en boremaskine end købe en.

  • Vue 3
  • Vuetify
  • Node / Express
  • MySQL
  • REST API
Illustration fra Naboting: naboer i hver deres vindue rækker ting til hinanden. Hovedprojekt
Rolle
Fullstack, solo
Tabeller
5
API-endpoints
24
Skærme
11
01

Problemet

Naboer køber ting, de kunne låne.

De fleste har en boremaskine, de bruger få minutter om året, og naboen har sikkert én magen til. Uden et fælles sted at se, hvad der findes i opgangen, og at aftale lån, bliver det ved med at være lettere at købe nyt.

02

Det gjorde jeg

Fra datamodel til færdigt flow: jeg byggede alle tre lag selv.

Database

MySQL i 3NF

Brugere, genstande, billeder, tilbehør og lån, normaliseret til 3NF. En stored procedure, CreateLoan, afviser lån af genstande, der ikke er ledige.

Backend

REST API i Express

24 endpoints. Når man opretter en genstand, gemmes billeder og tilbehør i én transaktion, så halve opslag aldrig ender i databasen.

Frontend

Vue 3 + Vuetify

11 skærme med eget designsystem, beskyttede ruter og en indbakke, der viser antal ventende låneanmodninger.

03

Resultatet

Et komplet låneflow, live.

En beboer kan oprette en profil, lægge en genstand op med billeder og tilbehør og modtage anmodninger. Ejeren godkender eller afviser, og lånet følges, til det er afleveret.

  1. Afventer
  2. GodkendtellerAfvist
  3. Afleveret

Det tager jeg med: Forretningsregler hører hjemme dér, hvor de kan håndhæves sikkert, og det er ikke altid i databasen. Næste skridt ville være brugertest med rigtige beboere.

Prøv Naboting

Log ind som testbrugeren Anna: anna@example.com / hash123