KinTree UX molba
Pozdrav svima u grupi. Vec skoro 6 meseci pravim jednu web aplikaciju koja mi je pala na pamet kada sam razgovarao sa mojim kumom o njegovom dedi i njegovim pricama koje su zabelezene na VHS kameri. On je zeleo negde da sacuva taj video i da deda bude sacuvan od zaborava. Tada mi je i pala ideja za softverom, koji sam malo pre pomenuo. Kada sam poceo da gledam i pretrazujem internet o slicnim resenjima, nasao sam ih prilicno, ali ipak sam resio da pocnem i sam da radim na necemu slicnom. Aplikacija se zove KinTree (a ima ih brdo vec sa istim nazivom), i najbolja definicija je porodicni rodoslov ili porodicno drvo. Znam da je to mozda vec isfurana tematika, ali ja sam ipak resio da trosim vreme na necemu sto se meni svidelo. Posle nekoliko meseci rada na tome, resio sam da upitam i zamolim nekoga da pokusa neki UX i da kaze svoje misljenje.
Tehnologija:
Posto sam .NET developer, odlucio sam se na resenje koje je u potpunosti u microsoft domenu (sa primesima JSInterop)
Backend:
- ASP.NET Core Web API (.NET 10) – Centralni backend engine zaduzen za kompletnu poslovnu logiku i API endpointe.
- Entity Framework Core (EF Core) – Koriscen kao ORM za upravljanje bazom podataka, sa implementiranom Multi-tenant arhitekturom ASP.NET Core Identity & JWT – Sistem za autentifikaciju, autorizaciju i osvezavanje sesija putem JSON Web Tokena, sa kontrolom pristupa zasnovanom na ulogama (RBAC - Owner, Editor, Viewer).
Frontend & Mobile (Klijentska strana)
- Blazor Hybrid (MAUI + Blazor Web) – Cross-platform arhitektura koja omogucava da se preko 90% C# koda i UI komponenti deli izmedju veb sajta i nativnih mobilnih aplikacija za Android i iOS.
- Tailwind CSS – Za responzivan dizajn sa nativnom podrskom za Dark Mode.
- JavaScript Interop (JSInterop) – Koriscen za premoscavanje i direktan pristup hardverskim API-jevima pretrazivaca i telefona (konkretno, HTML5 MediaRecorder API za snimanje zvuka uzivo preko mikrofona).
Baza podataka i Infrastruktura
- PostgreSQL – Primarna relaciono-dokumentna baza podataka.
- Supabase – Cloud platforma na kojoj je baza hostovana
- Google Cloud Storage (GCS) – Za skladistenje svih medijskih fajlova (porodicnih slika, audia i dokumenata).
AI (Vestacka inteligencija) i Integracije
- Google Vertex AI (Gemini 2.5 Flash) – Koriscen za napredni OCR i analizu teksta/slika, gde LLM automatski prepoznaje i izvlači strukturirane podatke o clanovima porodice iz starih dokumenata.
- Replicate API (CodeFormer / GFPGAN) (ovo trenutno nike funkcionalno, jer je skupo, pa je na standBy) – Serverless AI integracija zaduzena za restauraciju starih porodicnih fotografija, uklanjanje suma i kolorizaciju crno-belih slika (placanje iskljucivo po sekundi izvrsenja).
- Brevo (SMTP Relay) – Integrisan servis za pouzdanu dostavu transakcionih i sistemskih e-mail poruka.
- Gemini 2.5 Pro - Koriscen za skoro ceo dizajn (pogotovu LandingPage) i za JSInterop. Takodje je veliki deo uradjen preko njega za prevode na sva 4 jezika i prilicno za ispravljanje bugova.
Aplikacija je daleko od gotove, ali mislim da sam stigao do nekog Milestone-a gde ce mi trebati tudje misljenje i iskrena rasudjivanja. Iako na landingPage je stavljena naplata, to za sada nije uopste u fokusu… jer i nemam neki plan za te stvari, tako da je to totalno marginalno.
Bagova sigurno ima prilicno, ali to je sasvim normalno kada nema ljudi koji koriste i testiraju 🙂
Iako jos nema nikakvih info i help fajlova, nadam se da cete uspeti da vidite sve feature koji su implementirani i kako se koriste...
Hvala unapred, pogotovu ljudima koji nadju vremena da bace pogled….
Napravio sam par naloga koji imaju Premium rolu, da bi mogli sve da testiraju i isprobaju (osim Replicate API), a da se ne maltretiraju registracijom. A i ako se registrujete, slobodno mozete samo da izaberete u sekciji “Upgrade to Premium” premium plan i odmah cete preci na tu premium rolu. Poslaću naloge i url svima koji mogu i žele da posete i odrade UX.
