Next.js + React
Kétnyelvű bemutatkozó oldal, ügyfélfiók és adminisztráció közös alkalmazásban.
Ebben a dokumentumban10
← Összes projekt
CASE STUDY / Strabor
Az első érdeklődéstől az egyeztetett munkáig.
A Strabor bemutatkozó oldala egyben ügyintézési felület. A látogató megismeri a szolgáltatásokat, megbecsüli a feladat költségét, majd saját fiókból kér időpontot. A feladatleírás, a fényképek és a későbbi üzenetek ugyanahhoz a megkereséshez kapcsolódnak.
- A projekt állapota
- Nyilvános weboldal és ügyfélalkalmazás
- Fókusz
- Ügyfélalkalmazás · Foglalás + üzenetek · Telepíthető PWA
01 / KIINDULÓPONT
Az üzleti feladat
A telefonon és üzenetekben érkező kérésekből össze kell állnia a munkához szükséges képnek: mit kell elvégezni, hol vannak a fotók, melyik időpontot kéri az ügyfél, és mi lett megbeszélve. A szolgáltatónak közben az árakat és a rendelkezésre állást is saját kezében kell tartania.
A TERVEZÉSI DÖNTÉS
A foglalás egyben az egyeztetés munkaterülete: az időpont, a feladat és a beszélgetés ugyanahhoz a kéréshez tartozik.
WORKFLOW / Strabor
Így áll össze a felhasználói út.
- 01 / TÁJÉKOZÓDÁS
A feladat körvonalazása
Szolgáltatások, valódi munkafotók és tételes árbecslés segítik a megkeresést.
- 02 / IDŐPONTKÉRÉS
Leírás és fotók egy helyen
Az ügyfél saját fiókjából adja meg a feladatot és a választott időpontot.
- 03 / EGYEZTETÉS
Visszaigazolás és üzenetváltás
A szolgáltató dönt az időpontról; a további részletek a foglaláson belül egyeztethetők.
02 / MEGVALÓSÍTÁS
A megvalósítás logikája
A kétnyelvű bemutatkozást tételes árbecslő, ügyfélfiók és időpontkérő folyamat köti össze. A foglaltság ellenőrzése után a szolgáltató igazolja vissza a kérést, a részleteket pedig a foglalás saját beszélgetésében egyeztetik. Az adminisztrációból az időpontok, árak és munkafotók is frissíthetők. A kezdőképernyőre telepíthető felületet a támogatott admin-eszközökön push-értesítés egészíti ki.
Fejlesztések a gyakorlatban
A fejlesztés lényeges megoldásai
A feladat és az egyeztetés együtt marad
Az időpontkéréshez leírás és fotó csatolható; a további üzenetek ugyanahhoz a foglaláshoz kapcsolódnak.
Saját kézben tartható kapacitás és árak
A szolgáltató időpontokat zárhat le, foglalásokat igazolhat vissza, és szerkesztheti a kalkulátor árait és a képgalériát.
Weboldalból napi munkaeszköz
A kezdőképernyőre telepíthető felület mellé webes push jelzi az új megkeresést vagy üzenetet a feliratkozott admin-eszközökön.
A működés mögött
Technológiák és felépítés
A nyilvános oldal, a fiók és az admin ugyanarra a Next.js alkalmazásra épül. A Better Auth kezeli a belépést, a Prisma és SQLite a tartós adatokat. A foglalás saját üzenetfolyamot kap; az új megkeresés vagy üzenet az engedélyezett, feliratkozott admin-eszközöknek webes push-jelzést küldhet.
Node.js + TypeScript
Szerveroldali foglalási, üzenetküldési és tartalomkezelő végpontok.
SQLite + Prisma
Felhasználók, foglalások, üzenetek és szerkeszthető adatok tárolása.
Better Auth
Ügyfélbelépés és a munkamenetek kezelése.
PWA + Web Push
Kezdőképernyőre telepíthető felület és értesítés a feliratkozott admin-eszközöknek.
DELIVERY / FEJLESZTÉSI KÖR
Ami elkészült
- Magyar–angol weboldal valódi munkafotókkal és galériával
- Interaktív, tételes árbecslő kalkulátor
- Ügyfélfiók időpontkéréssel, feladatleírással és fotófeltöltéssel
- Foglaláshoz kötött ügyfél–szolgáltató üzenetváltás
- Adminisztráció foglalásokhoz, ajánlatkérésekhez, árakhoz és galériához
- Telepíthető webalkalmazás és adminoldali webes push-értesítések
A mi szerepünk
Arculati és kétnyelvű webes megvalósítás, kalkulátor, belépés, ügyfélfiók és foglaláshoz kötött üzenetváltás. Szolgáltatói oldalon időpontok, ajánlatkérések, árak és galéria kezelése; telepíthető felület és adminértesítések.
A projekt állapota
A Strabor nyilvános oldala és ügyfélalkalmazása elérhető. Az időpontkérés a szolgáltató visszaigazolásával válik véglegessé. A push-értesítés feliratkozott, támogatott eszközön használható.
A Strabor weboldalaTovábbi munkák
Ügyfélmunka
KGC-Bérlés
A gépkatalógustól az ügyfélportálig: bérlés, alkatrészigény, bolti ügyintézés és kijelzővezérlés közös webes rendszerben.
Üzleti platform · folyamatos fejlesztés
Megnézem a projektet — KGC-Bérlés
Innovációs prototípus
Poparch
Építészeti tervfeldolgozó prototípus: támogatott vektoros PDF-ekből javítható mennyiségek, költségbecslés és szakmai export.
Működő prototípus · zárt bemutató
Megnézem a projektet — PoparchA TE KÖVETKEZŐ LÉPÉSED
Melyik folyamatodat építsük újra?
projects / atlas.workspace
Projektatlasz
06 / VALÓDI PROJEKTNézz a felületek mögé. Keress a megoldások között, nagyíts bele a valódi képekbe, és tegyél két projektet egymás mellé.
6 projekt
Válassz legfeljebb kettőt az összevetéshez.Ügyfélmunka
KGC-Bérlés
A gépkatalógustól az ügyfélportálig: bérlés, alkatrészigény, bolti ügyintézés és kijelzővezérlés közös webes rendszerben.
- Alkatrészkeresés közvetlenül az ábráról
- Egy ügyfélút, több munkafelület
Üzleti platform · folyamatos fejlesztés
Innovációs prototípus
Poparch
Építészeti tervfeldolgozó prototípus: támogatott vektoros PDF-ekből javítható mennyiségek, költségbecslés és szakmai export.
- A PDF-ből szerkeszthető adat lesz
- A szakértő javíthatja a becslést
Működő prototípus · zárt bemutató
Ügyfélmunka
Strabor
Saját ügyfélalkalmazás egy szakember napi munkájához: árbecslés, időpontkérés, fotók, üzenetek és szolgáltatói adminisztráció.
- A feladat és az egyeztetés együtt marad
- Saját kézben tartható kapacitás és árak
Nyilvános weboldal és ügyfélalkalmazás
Egyesületi munka
BPSE
Digitális eszközök a pétanque közösségnek: versenyszervezés, csapatoldali eredménybevitel, nézői állás és közös sportinformációk.
- Külön szerepek, közös verseny
- Papírról a megfelelő mobilképernyőre
Nyilvános alkalmazás
Ügyfélmunka
TEXTURA Salon
Egyedi, kétnyelvű szalonoldal, ahol a valódi tér, a szakemberek és a szolgáltatások közvetlen foglalási úttá állnak össze.
- A kiválasztott szakemberig tartó út
- A mobilos következő lépés kéznél marad
Nyilvános weboldal
Ügyfélmunka
Foxxi
Egy működő klinikai weboldal továbbfejlesztése: szerkeszthető WordPress, két szakterület, rendezett magyar–angol ügyfélút.
- Szerkeszthetőség az örökölt megjelenés mögött
- Két szakterület, követhető döntési út
Nyilvános weboldal
Erre most nincs találat.
Próbálj más funkciót vagy töröld a szűrőket.
compare / projects
Egymás mellett világosabb.
A bemutatott funkciókat és a jelenlegi állapotot vetjük össze. Minden projekt más feladatra készült.
Jelölj ki két projektet a fenti kártyákon.
A szűrő és a kijelölt projektek is megmaradnak.
MYFORGE / DELIVERY LABINTERAKTÍV MŰHELYBEMUTATÓ
A jó szoftver mögött
jó döntések állnak.
Megértjük az üzleti helyzetet, megtervezzük a rendszert, majd ellenőrizhető lépésekben építjük fel. Nézz be a műhelybe: válassz egy projektet, és kövesd végig, hogyan kapcsolódik össze a kutatás, az emberi döntés és az AI-val támogatott fejlesztés.
SZEREP ÉS ÁTADHATÓ EREDMÉNYGemini + NotebookLM
Források, nyitott kérdések és SSP-brief.
MIT AD EZ NEKED?
Előbb tiszta helyzet, aztán fejlesztés.
A cél és a korlátok közös tisztázása segít eldönteni, mi kerüljön az első működő változatba.
Továbblépés előttEgyeztetjük, melyik problémát oldjuk meg, és miből látszik majd, hogy sikerült.
KÜLÖN SZAKÉRTELEM. KÖZÖS KONTEXTUS.
A szerepek a kiválasztott fázissal változnak.A megfelelő eszköz a megfelelő feladathoz.
Gemini + NotebookLM
Kutatás és források
KGC-Bérlés
Melyik állítást milyen forrás támasztja alá?
Egy géphez egyszerre tartozhat bérlési igény, tartozék, alkatrész és szervizügy. A feladat ezek kapcsolatának megőrzése volt akkor is, amikor az ügyfél az online felületről a boltba érkezik, vagy másik munkatárs veszi át az egyeztetést.
BMAD + Claude
Tervezés és feladatbontás
KGC-Bérlés
Hogyan lesz a briefből ellenőrizhető terv?
Ügyféloldali és belső webalkalmazás-fejlesztés: katalógusok, igényleadás, ügyfélkarton, ügyhöz kötött kommunikáció, pultos és szervizes nézetek. Emellett az alkatrészmotor felületi integrációja, a kioszk kezelése és a kijelzőműsorok szerkesztése, közzététele és időzítése.
Codex
Review és tesztek
KGC-Bérlés
Milyen eredmény igazolja majd a változást?
Asztali alkatrészábráról indulva eljutunk a helyes cikkszámig és a tételes igényig?
SSPA fejlesztés közös kiindulópontja
01 / Cél
A gépkatalógustól az ügyfélportálig: bérlés, alkatrészigény, bolti ügyintézés és kijelzővezérlés közös webes rendszerben.
02 / Kontextus
Egy géphez egyszerre tartozhat bérlési igény, tartozék, alkatrész és szervizügy. A feladat ezek kapcsolatának megőrzése volt akkor is, amikor az ügyfél az online felületről a boltba érkezik, vagy másik munkatárs veszi át az egyeztetést.
03 / Korlátok
Ügyféloldali és belső webalkalmazás-fejlesztés: katalógusok, igényleadás, ügyfélkarton, ügyhöz kötött kommunikáció, pultos és szervizes nézetek. Emellett az alkatrészmotor felületi integrációja, a kioszk kezelése és a kijelzőműsorok szerkesztése, közzététele és időzítése. A bemutatott modulok elkészültek, a rendszer fejlesztése folyamatos. A webes bérlés munkatársi visszaigazolást igényel. A teljes ERP-szinkron, az online bankkártyás fizetés és az automatikus számlázás külön fejlesztési feladat; a fizikai bolti kioszk átvételi próbája még hátravan.
04 / Ellenőrizhető eredmény
Javasolt elfogadási kérdés · ellenőrzésre vár
Asztali alkatrészábráról indulva eljutunk a helyes cikkszámig és a tételes igényig?
PROJEKTDOKUMENTUM · SZEMLÉLTETŐ MINTA
A feladat keretei
A cél, a kontextus és az elfogadás feltétele egy helyen.
# KGC-Bérlés / brief.md
> SZEMLÉLTETŐ MINTA · Nyilvános portfólióadatokból. Nem ügyfélbrief vagy jóváhagyott projektterv.
## Kutatás · Gemini + NotebookLM
A források áttekintéséből ellenőrizhető feladatleírás készül. A példa a portfólióra támaszkodik; élő kutatást nem indít.
## SSP / Cél
A gépkatalógustól az ügyfélportálig: bérlés, alkatrészigény, bolti ügyintézés és kijelzővezérlés közös webes rendszerben.
## SSP / Kontextus
Egy géphez egyszerre tartozhat bérlési igény, tartozék, alkatrész és szervizügy. A feladat ezek kapcsolatának megőrzése volt akkor is, amikor az ügyfél az online felületről a boltba érkezik, vagy másik munkatárs veszi át az egyeztetést.
## SSP / Korlátok
Ügyféloldali és belső webalkalmazás-fejlesztés: katalógusok, igényleadás, ügyfélkarton, ügyhöz kötött kommunikáció, pultos és szervizes nézetek. Emellett az alkatrészmotor felületi integrációja, a kioszk kezelése és a kijelzőműsorok szerkesztése, közzététele és időzítése.
A bemutatott modulok elkészültek, a rendszer fejlesztése folyamatos. A webes bérlés munkatársi visszaigazolást igényel. A teljes ERP-szinkron, az online bankkártyás fizetés és az automatikus számlázás külön fejlesztési feladat; a fizikai bolti kioszk átvételi próbája még hátravan.
## SSP / Ellenőrizhető eredmény
Javasolt elfogadási kérdés; ellenőrzésre vár:
- [ ] Asztali alkatrészábráról indulva eljutunk a helyes cikkszámig és a tételes igényig?
## Következő átadás · BMAD + Claude
- [ ] A forrás, a tény és a nyitott feltételezés elkülönítése
- [ ] Az SSP céljának, korlátainak és elfogadási feltételeinek közös átnézése
- [ ] A megvalósítási irány és az ellenőrzés jóváhagyása
## Tanulási kör
A kutatás korábbi, jóváhagyott tanulságokból is indulhat. Új megállapítás csak forrással, kristályosítás után, jóváhagyott célhelyre vezethető tovább.
## A portfólióban jelzett állapot és korlátok
A bemutatott modulok elkészültek, a rendszer fejlesztése folyamatos. A webes bérlés munkatársi visszaigazolást igényel. A teljes ERP-szinkron, az online bankkártyás fizetés és az automatikus számlázás külön fejlesztési feladat; a fizikai bolti kioszk átvételi próbája még hátravan.
Forrás: https://www.myforgelabs.com/esettanulmanyok/kgc-berles/A projekt lezárul. A tudás velünk marad.
A kutatás korábbi, átnézett és jóváhagyott tanulságokat is használhat.
Eredmény és tesztnyom
A tényleges eredmény, környezet és korlátok rögzítése.
Kristályosítás
A tartósan hasznos tanulság kiválasztása és ellenőrzése a nyers tapasztalatból.
Így lesz belőle tudásJóváhagyott továbbvezetés
Átnézés után, jóváhagyott célhelyre: projektdokumentum, döntés vagy közös tudás.
A jóváhagyási pontVissza a kutatáshoz, jobb kontextussal.
Gemini + NotebookLMknowledge / connected.workspace
Együtt dolgozó rendszerek. Építkező tudás.
INTERAKTÍV MINTAA MyForge Superintelligence összekapcsolja a projektjeink kontextusát, az AI-eszközök szakosodott szerepeit és a fejlesztői döntéseket. Ami egy munkában értékes tanulság lett, a következő feladatnál már visszakereshető tudás.
01 / knowledge graph
A közös tudás működési térképe.
Kattints egy csomópontra a részletekért. Húzással vagy fókuszban a nyílbillentyűkkel átrendezhető. Mobilon a lenti lista is használható.
A csomópontok listája 13
capabilities / reusable methods
Módszerek, amelyek a feladathoz igazodnak.
02 / discord handoffs
A kérés útja az ügyféltől a megoldásig.
Minden átadásnak van felelőse, feladata és kézzelfogható kimenete. A Discord-alapú együttműködést előre megírt üzenetváltás szemlélteti: végigkövetheted, hogyan jut el az igény a kutatáson és a fejlesztésen át az emberi jóváhagyásig.
project-handoffIndításra kész
AKTUÁLIS ÁTADÁSEgy ötletből közös beszélgetés
Kimenet
client-request.mdEmberi döntésre vár.
A jóváhagyás csak ezt a helyi példát folytatja.
A kör bezárult.A következő feladat ellenőrzött tudásból indulhat.
MYFORGE / ERP Fejlesztés alatt · hamarosan bemutatjuk
Egy üzlet működése. Összekapcsolt folyamatok.
Régóta dolgozunk azon az ERP-rendszeren, amely a gépbérlést, a szervizt, a készletet és az értékesítést közös működésbe rendezi. A cél, hogy egy eszköz, partner vagy munkalap története a következő üzleti lépésnél is rendelkezésre álljon. A fejlesztést hamarosan részletesen is bemutatjuk.
KGC ERPA rendszer rétegeiARCHITECTURE
WORKSPACE
A napi munka felülete
Szerepkörhöz illő munkatársi képernyők
React + ViteBUSINESS LOGIC
Az üzleti folyamatok
Bérlés · szerviz · készlet · értékesítés
Node.js + NestJSDATA & JOBS
A működés alapja
Kapcsolódó adatok és sorba állított háttérfeladatok
PostgreSQL + Prisma · Redis + BullMQKözös alap: szerepkörök, szervezeti elkülönítés és követhető műveletek.
BUSINESS MODULES / 01—05
A folyamatok a határaikon kapcsolódnak össze.
Bérlés és géppark
A gép útja a díjszámítástól a kiadáson és visszavételen át a kapcsolódó szerződésig. A bérlési működés önálló üzleti modult kap.
Szerviz és munkalapok
A javítási feladat, a munkalap és a garanciális ügy összetartozó folyamatként kezelhető a szervizmodulokban.
Készlet és értékesítés
A termék és a készletmozgás a bevételezéstől a leltáron át az értékesítési műveletekig követhető a modulokban.
Partnerek és dokumentumok
A partneradat, az üzleti dokumentum és a hozzá kapcsolódó kommunikáció ugyanannak az ügynek ad kontextust.
Jogosultságok és szervezetek
Szerepkörök, auditnyom és elkülönített szervezeti munkakörnyezetek határozzák meg, ki milyen üzleti adathoz fér hozzá.
ENGINEERING / STACK
Technológia az üzleti működés mögött.
Moduláris TypeScript-monorepo Node.js és NestJS API-val, React–Vite munkafelülettel, PostgreSQL–Prisma adatkezeléssel és Redis–BullMQ háttérfeladatokkal. A több szervezethez tartozó adatok elkülönítését külön jogosultsági és tenant-réteg kezeli.
- Node.js + NestJS
- Modulokra bontott szerveroldali API és üzleti szolgáltatások.
- TypeScript
- Közös típusok és ellenőrizhető adatkapcsolatok a monorepóban.
- React + Vite
- Böngészőben használható munkatársi felületek.
- PostgreSQL + Prisma
- Relációs üzleti adatok és típusozott adatbázis-hozzáférés.
- Redis + BullMQ
- Sorba állított háttérfeladatok és ütemezett feldolgozás.
Fejlesztés alatt. Hamarosan részletesebben.
A fejlesztés alatt álló ERP külön projekt a KGC-Bérlés webalkalmazástól. A modulok és az integrációk fokozatosan készülnek; a nyilvános bemutató és az üzemi bevezetés külön átadási lépés.
MYFORGE / WORKSPACE SETTINGS
A te munkatered.
Rendezd úgy az oldalt, ahogyan szeretsz felfedezni. A változások azonnal látszanak.
Ezek a beállítások kizárólag erre a weboldalra vonatkoznak. Az elrendezést ezen az eszközön jegyezzük meg; a kitöltött űrlapokat nem mentjük ide.
03 / Billentyűparancsok
- Ctrl / ⌘ K
- Fájlok gyors megnyitása
- Ctrl / ⌘ ⇧ P
- Műveletek és beállítások
- Ctrl / ⌘ B
- Oldalsáv megjelenítése
- Ctrl / ⌘ J
- Terminál megjelenítése
- Ctrl / ⌘ ⇧ X
- Eszköztár
- Ctrl / ⌘ ⇧ T
- Bezárt fül újranyitása
- Alt ⇧ ← / →
- Fülek átrendezése
- Delete
- Kijelölt fül bezárása
Űrlapmező gépelése közben a munkatér gyorsbillentyűi nem lépnek működésbe.
Minden beállítás ezen az oldalon marad.
HELYI DEMÓ
❯ bmad Kutatás · Gemini + NotebookLM
MyForge Workspace. Írd be: help · Navigációs parancsok, helyben.
// A bemutató eseményei.
Munkatér megnyitva. Válassz projektet vagy indítsd a BMAD-bemutatót.
