Spletna aplikacija / Nepremičnine & AI

nReport.

nreport.ai

Od vnosa nepremičnine do poročila PDF.

nReport povezuje vnos podatkov o nepremičnini, uporabniški račun in izdelavo poročila. React in TypeScript pokrivata vmesnik, Supabase prijavo ter podatke, ločen API pa obdelavo zahtevka za poročilo.

NAŠA VLOGA
Oblikovanje in razvoj
TEHNIČNA OSNOVA
React + Supabase
TEHNOLOGIJE
  • React
  • TypeScript
  • Supabase
  • API integracije
RAZIŠČITE IZKUŠNJO
nReport: vnos naslova nepremičnine in primer preglednega poročila
TEHNIČNI PREGLED

Sestava rešitve.

Ključni deli in njihove naloge.

  1. 01React + TypeScript

    Uporabniški vmesnik

    Vnos nepremičnine, uporabniški račun in pregled poročil.

  2. 02Supabase

    Podatki in dostopi

    Prijava uporabnikov, shranjevanje podatkov in strežniške funkcije.

  3. 03API + PDF

    Izdelava poročila

    Povezava zahtevka z obdelavo poročila in končnim dokumentom.

TEHNIČNA IMPLEMENTACIJA

Od zahtevka do poročila.

Vmesnik, podatki in obdelava poročil so ločeni. Zahtevek se uvrsti v vrsto, izdelava poteka v ozadju, uporabnik pa spremlja stanje do dostopa do dokumenta.

Arhitektura nReport: React vmesnik in Supabase pošljeta zahtevek API-ju Hono. Redis in BullMQ ga predata procesu za obdelavo, ki pridobi podatke, preveri kakovost ter izdela PDF. Shrambi sledita skrbniški pregled in dostop naročnika.
  1. 01 / React · TypeScript · Vite / Vercel

    Spletna aplikacija

    Uporabniški vmesnik vodi od vnosa nepremičnine do naročila, spremljanja obdelave in prenosa poročila.

  2. 02 / Supabase Edge Functions

    Strežniške funkcije

    Obdelajo naročila in kredite, preverijo pravice dostopa ter pripravijo strežniški zahtevek za izdelavo poročila.

  3. 03 / Node.js · TypeScript · Hono / Railway

    API za poročila

    API ustvari zapis opravila v podatkovni zbirki in ga doda v vrsto za obdelavo.

  4. 04 / Redis · BullMQ / Railway

    Vrsta opravil

    Trajna vrsta loči sprejem zahtevka od obdelave. Ob napakah omogoča ponovne poskuse z zamikom.

  5. 05 / Worker / Railway

    Obdelava v ozadju

    Proces pridobi podatke o nepremičnini, pripravi opise z AI in analizo trga, preveri dejstva ter kakovost in zapisuje napredek.

  6. 06 / Handlebars · Gotenberg

    Izdelava dokumenta

    Po uspešnem preverjanju kakovosti se preverjeni podatki in priloge združijo v HTML ter pretvorijo v PDF.

  7. 07 / Supabase Storage

    Shramba dokumentov

    Shramba ločuje različice končnih dokumentov PDF in zasebna registrska dokazila.

  8. 08 / Plačano poročilo / način pregleda

    Skrbniški pregled

    Prva dostava plačanega poročila v načinu pregleda čaka na odobritev in preverjanje zahtevanih zemljiškoknjižnih dokazil.

  9. 09 / Nadzorna plošča · PDF · e-pošta

    Dostop do poročila

    Po odobritvi je poročilo na voljo naročniku. Strežniška funkcija poskrbi za dostavo po e-pošti.

Ločena vrsta opravil omogoča obdelavo v ozadju, sprotne posodobitve pa povezujejo proces nazaj z uporabniškim vmesnikom.

Prijava, podatki in stanje

Supabase Auth in PostgreSQL z dostopnimi pravicami RLS hranita naročila, kredite, podatke o nepremičninah in zgodovino obdelav. Realtime pošilja spremembe v vmesnik; periodično preverjanje je rezervni način.

Plačila in krediti

Stripe pošlje podpisani webhook strežniški funkciji. Potrjen nakup se zabeleži v kreditnem sistemu.

Podatkovni viri in AI

Obdelava povezuje Google Maps, GURS, ETN, arhiv oglasov, prostorske vire in registrska dokazila. API-ji LLM pripravijo opise, ki jih sistem preveri glede na podatkovne podlage.

Odprite celoten diagram

Poenostavljen prikaz izvorne kode za plačano poročilo v načinu skrbniškega pregleda. Neuspešno preverjanje kakovosti zadrži izdelavo za pregled. Ob izpadu GURS lahko opravilo počaka in se nadaljuje po obnovitvi vira; brezplačni predogled uporablja omejen tok brez LLM.

NAŠA VLOGA

Oblikovanje in razvoj

  • Vnos in preverjanje podatkov
  • Uporabniški računi
  • Povezava z API-jem poročil
  • Pregled in prenos PDF

Posnetek projekta: oktober 2026.

01

Uporabniški tok in podatki

React vmesnik razdeli naročilo poročila v korake od vnosa nepremičnine do pregleda rezultata. TypeScript povezuje obrazce in podatkovne strukture, Supabase pa zagotavlja osnovo za uporabniške račune ter dostop do podatkov.

02

Integracija z obdelavo poročil

Strežniške funkcije povezujejo aplikacijo z ločenim API-jem za izdelavo poročil. Vmesnik prikazuje stanje obdelave, zato oddaja zahtevka in razpoložljivost končnega dokumenta predstavljata ločena koraka.

03

Poročilo kot končni izhod

Rezultat je uporabniku dostopen za pregled in prenos v obliki PDF. Predstavitev ločuje informativno oceno, razpon negotovosti in podatkovne podlage ter pojasni razliko med poročilom in uradno cenitvijo.

Oglejte si projekt v živo
Naslednji projektForma X
Naslednji korak je pogovor.

Imate idejo?
Dajmo ji obliko.

Kam vas pelje ideja?

15 zadetkov za raziskovanje

HITER POGLED / IZBRANI PROJEKTI
Spletna trgovina

Fragnatium

fragnatium.com
Spletna trgovina Fragnatium z izborom dišav in temno naslovno podobo

Oblikovanje in razvojKatalog dišav, različice izdelkov in sestavljalnik discovery setov na WooCommerce.

  • WordPress
  • WooCommerce
  • PHP
  • JavaScript
Tehnični pregled
01 / 09
Predogled projekta