Ugrás a tartalomra
JobOnIt.com
A JobOnIt megnyitása

Esettanulmány · AI-val támogatott fejlesztés

Így építettem fel a JobOnItot. Claude Code-dal és Codexszel, lépésről lépésre.

A JobOnIt egy mobilra tervezett platform rövid távú floridai munkákhoz. Az ötlettől az éles rendszerig én alakítottam a terméket, jelöltem ki a fejlesztési irányt, és hoztam meg a végső termék-, műszaki és kiadási döntéseket. A Claude Code a megvalósításban, a Codex pedig a független kódellenőrzésben segített.

A JobOnIt megnyitása Mérföldkövek
  • 2026. június 28. óta
  • 354 commit
  • EN / ES nyelv az első naptól
A JobOnIt nyitott állásainak listája asztali böngészőben, bal oldalt a szűrőkkel
A JobOnIt kártyanézete telefonon, egy medencekarbantartói állással, órabérrel és teljes összeggel

Projektadatlap

A projekt röviden

A termék, a fejlesztési módszer és a legfontosabb számok.

Tulajdonos

Szeles Péter

Alapító és termékgazda

Én felelek a termék irányáért, a prioritásokért, valamint a végső termék-, műszaki és kiadási döntésekért.

[email protected]

Fejlesztőeszközök

Claude Code AI-alapú fejlesztőeszköz

A megadott célok és elfogadási feltételek alapján segít elkészíteni a kódot, a teszteket és a dokumentációt.

Codex Független AI-kódellenőrző

Átnézi a megvalósítást, a határeseteket és a teszteket, mielőtt döntök a kiadásról.

Az élő termék megnyitása
Első commit
2026. jún. 28.
Az első prototípus commitja
Commitok
354
2026. június–szeptember
Tesztcsomagok
165
Több mint 11 000 ellenőrzés minden PR-nál
Adatbázis-migrációk
47
MySQL, a kóddal együtt verziózva
Piac
Florida · USD
Más államokra is könnyen bővíthető
Nyelvek
EN / ES
Az álláshirdetések automatikus fordítása
Szerveroldali oldalak
60
PHP a szerveren, SPA nélkül
Biztonság
Szigorú CSP
Nincs beágyazott script, stílus vagy eseménykezelő

A kódtár állapota: 2026. szeptember 19.

Munkafolyamat

Én adom az irányt. A Claude Code megvalósítja. A Codex ellenőrzi.

Az AI gyorsítja a munkát, de a felelősség és minden végső döntés nálam marad.

  1. 01

    Tervezés

    Meghatározom a problémát, a kereteket és azt, mitől tekinthető késznek a feladat.

    feladatleírás · elfogadási feltételek
  2. 02

    Megvalósítás

    A Claude Code külön ágon, tesztekkel együtt készíti el a változtatást.

    külön ág · tesztek
  3. 03

    Ellenőrzés

    A Codex átnézi a kódot, a határeseteket és a tesztlefedettséget.

    kódellenőrzés · CI
  4. 04

    Döntés és kiadás

    Átnézem az eredményt, és eldöntöm, mi kerülhet élesbe.

    kiadási kapu · pontos SHA
A döntés mindig az enyém: Termékdöntések Prioritások Árazás Jogi tartalmak Kiadási döntések

Nézd meg

A JobOnIt működés közben

Valódi munkavállalói képernyők a JobOnItból: kártyás nézet, térkép és álláshirdetés-részletek. Elsősorban telefonra terveztem őket.

Munkavállaló

A JobOnIt munkavállalói kártyanézete sötét témában, egy stuarti medencekarbantartói állással, órabérrel és teljes összeggel
Kártyanézet sötét témábanEgy kártyán egy állás, az órabér és a teljes összeg rögtön látszik.
A JobOnIt munkavállalói térképnézete floridai nyitott állásokkal, egy állás felugró adataival és az OpenStreetMap forrásmegjelölésével
TérképnézetUgyanazok a nyitott állások térképen, hozzávetőleges munkaterülettel.
A JobOnIt álláshirdetés-részletei egy Palm Coast-i parktakarítási munkához, bérrel, időponttal és távolsággal
Álláshirdetés részleteiBér, időpont és távolság egy pillantásra; a munkáltató dönti el, ki csatlakozik.

Mérföldkövek

Kis, ellenőrzött lépésekben építettem fel

Az első prototípus commitja június 28-án készült el. Szeptember 11-re az éles üzemeltetés alapjai is összeálltak – 75 nap alatt.

2026. június – július3 mérföldkő

  • jún. 28. Első prototípusMobilos lapozós kártya, asztali álláslista és elérhetőségi naptár referenciafelületként. Kiadva
  • júl. 7. Munkavállaló-központú nyitóoldalA látogatók rögtön valódi, nyitott állásokat látnak, nem szerepválasztót. Kiadva
  • júl. 22. Valódi Google-bejelentkezésOpenID Connect PKCE-vel; tartaléknak megmarad az e-mailben küldött belépési link. Kiadva

2026. augusztus4 mérföldkő

  • aug. 12. Négyféle képkivágás a fotószerkesztőbenA munkáltató minden felülethez, ahol a fotó megjelenik, külön kivágást állít be, pontos előnézettel. Kiadva
  • aug. 14. Spanyol nyelvű álláshirdetésekAz álláshirdetések automatikusan spanyolul is elérhetők a spanyolul beszélő munkavállalóknak. Kiadva
  • aug. 17. Pushértesítések a munkavállalók telefonjáraAz emlékeztetők és az állásokkal kapcsolatos hírek a telefon saját értesítéseiként érkeznek. Kiadva
  • aug. 24. Új térkép és folyamatosan betöltődő álláslistaSzerveroldali lapozás a Kártya, a Lista és a Térkép nézet mögött; mindhárom ugyanabból a listából dolgozik. Kiadva

2026. szeptember2 mérföldkő

  • szept. 5. Tiszta Linux-környezetben futó CIMinden pull request a teljes tesztcsomagot futtatja egy tiszta Linux-gépen. Kiadva
  • szept. 11. Az üzemeltetési alapok élesbenÉjszakai mentés, kipróbált visszaállítás és bővebb riasztás, mind élesben. Kiadva

Mérnöki munka

Valós problémák, ellenőrzött megoldások

Mindegyikkel a fejlesztés során találkoztam. Minden esetben feltártuk a kiváltó okot, kijavítottuk, majd teszttel vagy méréssel ellenőriztük az eredményt.

Ütemezés

Nincs dupla foglalás, egyidejű jóváhagyásnál sem

Probléma
Két munkáltató ugyanabban a pillanatban hagyhatta jóvá ugyanazt a munkavállalót egymást átfedő műszakokra.
Megoldás
Szigorú szerveroldali átfedésvédelem, és egy teszt, amely az egyidejű jóváhagyást szimulálja, és hiba esetén megnevezi az okot.

Biztonság

Szigorú CSP, kivétel nélkül

Probléma
Beágyazott scripteket, stílusokat és eseménykezelőket használni mindig kényelmesebb.
Megoldás
A biztonsági fejléceket minden belépési ponton a PHP küldi, unsafe-inline és beágyazott stílus nélkül. Minden viselkedés saját tartományból betöltött scriptekben van.

Média

A képkivágás azt mutatja, ami élesben megjelenik

Probléma
Ugyanaz a fotó négy felületen, négy különböző képaránnyal jelenik meg.
Megoldás
Minden felülethez külön kivágás, nagy, húzható előnézettel, és egyetlen beállítás sem marad rejtve egy fül mögött.

Elrendezés

390 px-es szélességen is megmérve

Probléma
A teszteléshez használt, háttérben futó böngésző hibás eredményt adott a telefonos túlcsordulásra.
Megoldás
Valódi eszközméret-emuláció, kattintással ellenőrzött vezérlők, és egy teszt, amely rögzíti az eredményt.

Nyelv

A hosszabb spanyol szöveg sem töri szét az elrendezést

Probléma
A hosszabb spanyol szövegek oldalra tolták a mobilos álláslistát.
Megoldás
Egyetlen CSS-szabály módosítása megoldotta; az eredményt az élesben futó stíluslapon mértük, nem helyi másolaton.

Üzemeltetés

Kiadások hiányzó függőségek nélkül

Probléma
Egy éles kiadás egyszer a Composer-függőségek (a vendor mappa) nélkül került ki.
Megoldás
A függőségek ma külön ellenőrzött kiadási csomagban érkeznek, és minden élesítés pontosan a feltöltött, tesztelt verziót (SHA) használja.

Biztonság és üzemeltetés

A biztonság nálam termékkövetelmény, nem utólagos javítás

Ezeket a szabályokat már az első képernyő előtt rögzítettem, és minden nagyobb változtatás után újra ellenőrizzük őket.

A+

SecurityHeaders

Mind a 6 biztonsági fejléc rendben

Jelentés megnyitása

A+ · 135

Mozilla Observatory

Mind a 12 vizsgálat sikeres

Jelentés megnyitása

A+

SSL Labs

Mind a négy szervervégponton

Jelentés megnyitása

96%

Internet.nl

Webhelyteszt

Jelentés megnyitása

Legutóbbi mérés: 2026. szeptember 19. (UTC).

  • A biztonsági fejléceket minden belépési ponton a PHP küldi.
  • CSP unsafe-inline és unsafe-eval nélkül.
  • CSRF-védelem minden adatmódosító POST-kérésnél.
  • Nem tárolunk nyers bankkártyaadatot.
  • Nem kerül személyes adat, token vagy titok a naplókba.
  • A munkáltató elérhetőségét csak az általa kiválasztott munkavállalók látják.
  • Éjszakai külső mentés, kipróbált visszaállítással.
  • A teljes tesztcsomag minden PR-nál tiszta Linux-környezetben fut.

AI-eszközök

Így dolgozom az AI-eszközökkel

Úgy használom őket, mint két alapos munkatársat, akik követik a döntéseket és mindent dokumentálnak.

  • Megőrzik a kontextust
  • Jelzik, ha hibás az irány
  • Felismerik a saját hibáikat
  • Dokumentálják a javítást

ContextKit

A JobOnItnál használt munkamódszer, a saját kódtáradhoz csomagolva

Feladatlista, munkanapló, elkészült munkák naplója, termékszabályok és biztonsági ellenőrzőlisták. Claude Code-dal és más fejlesztőeszközökkel is használható.

ContextKit beszerzése

See it. Swipe it. Get on it.

Munkavállalóknak

Munkát keresel?

Válogass a közeli floridai műszakok között. A JobOnIt a munkavállalóknak mindig ingyenes.

Állások böngészése

Munkáltatóknak

Munkaerőt keresel?

Hét rövid lépésben feladhatsz egy műszakot, majd kiválaszthatod, kik dolgozzanak rajta.

Műszak feladása