Fejlesztés

Weboldalakat és webalkalmazásokat fejlesztek TypeScripttel, az adatbázistól a felületig. Minden funkcióhoz előbb egy tesztet írok, ami még bukik, és csak utána a kódot.

Kinek szól

Vállalkozásoknak, akik egyedi weboldalt, ügyfélfelületet vagy belső szoftvert szeretnének. Azoknak is, akiknek már van rendszerük, de lassú vagy nehéz módosítani.

Amit vállalok

Üzleti weboldal
Statikusan generált, keresőbarát oldal, lassú mobilneten is gyors betöltéssel.
Ajánlatkérés, foglalás
Ajánlatkérő és időpontfoglaló felület, jelentkezési folyamat, értesítéssel a megrendelőnek.
Kalkulátor, konfigurátor
Az üzleti szabályaidat követő számoló vagy összeállító felület, tesztelt logikával.
Adminisztrációs felület
Belső felület a tartalom, a foglalások vagy az adatok kezelésére, jogosultságokkal.
Ügyfél- és partnerportál
Bejelentkezés, saját adatok és státuszok megjelenítése.
Webshop
Webshop egyedi funkciókkal.
Integráció
API-k és külső rendszerek, e-mail-küldés, adatbázis, hitelesítés, fájltárolás. Csak azokkal a szolgáltatásokkal, amelyekre tényleg szükség van.
Meglévő kód
Előbb tesztek a mostani működésre, utána átalakítás, hibajavítás és gyorsítás.

Mit egyeztetünk előre

  • Azt, hogy egy konkrét funkció vagy integráció megvalósítható-e, az igények ismeretében döntjük el. Előre nem ígérek semmit feltétel nélkül.
  • A terjedelmet, a határidőt és az elszámolást a megrendelés előtt írásban rögzítjük.
  • A tesztelés mélysége a projekthez és a kockázathoz igazodik.

Egy példa ebből az oldalból

A kapcsolati űrlap ellenőrzése és a hozzá tartozó teszt, rövidítve. A böngésző és a szerver ugyanazt a függvényt használja, így a két oldal szabályai nem térhetnek el.

// src/lib/contact.ts
export function validateContact(raw) {
  const name = text(raw.name);
  const email = text(raw.email);
  …
  if (!name) errors.name = m.nameRequired;
  else if (name.length > LIMITS.name) errors.name = m.nameLong;
  …
}
// tests/site/contact.test.ts
it('accepts and trims a valid message', () => {
  const r = validateContact({ name: '  Kiss Anna ', … });
  expect(r).toEqual({ ok: true, data: { name: 'Kiss Anna', … } });
});

it('reports every missing field in the requested language', …);

Amit a végén kapsz

  • Működő kód egy Git-tárolóban, a teljes előzménnyel.
  • A tesztek a kód mellett, egy paranccsal futtathatók.
  • Rövid leírás a telepítésről, a futtatásról és a fontosabb döntésekről.
  • Automatikus ellenőrzés, ami a későbbi változtatásoknál is lefut.

Menete

  1. 1. Megértés. Mit kell tudnia a szoftvernek, kinek, és miből látszik, hogy jól működik. Ebből lesznek az elfogadási feltételek.
  2. 2. Kis lépések. Minden funkció egy bukó teszttel indul. Minden lépés után kipróbálható állapot marad.
  3. 3. Automatikus ellenőrzés. Tesztek, akadálymentességi és sebességmérés futnak, mielőtt bármi élesbe megy.
  4. 4. Átadás. Dokumentált kód a tesztekkel együtt, hogy később is biztonságosan lehessen módosítani.

Karbantartás és továbbfejlesztés

A munka az átadás után is folytatható.

  • Rendszeres technikai ellenőrzés.
  • Frissítések és hibajavítás.
  • Meghatározott keretű továbbfejlesztés.
  • Technikai támogatás.

Az időkeretet, a sürgős és a normál hibák kezelését és az elszámolást a megrendeléskor közösen rögzítjük. Korlátlan támogatást nem vállalok.

Eszközök

TypeScript, JavaScript, Vue.js, Nuxt, Astro, React, Node.js, Supabase, Tailwind CSS, Sass, Java, Python, C, C++, Git, Linux

Gyakori kérdések

Milyen technológiával dolgozol?

TypeScripttel, a felülethez Vue/Nuxt, Astro vagy React, a háttérhez Node.js vagy Supabase. Tartalmas, ritkán változó oldalhoz statikus generálást használok, mert az a leggyorsabb és a legkevesebb a hibalehetőség.

Meglévő kódon is dolgozol?

Igen. Előbb teszteket írok arra, ahogy a kód most működik, és csak utána változtatok rajta. Így látszik, ha egy javítás közben valami más elromlik.

Kié a kód az átadás után?

A tiéd, a tesztekkel és a leírással együtt. Úgy adom át, hogy más fejlesztő is biztonságosan folytathassa.

klevi.hu: kvízek és eszközök keretrendszer nélkül

Egyeztessünk

Van egy elképzelésed vagy egy működési problémád? Írd le röviden, mire lenne szükséged, és megnézzük, hogyan valósítható meg.

Projekt egyeztetése

Projekt összeállítása lépésenként, tájékoztató becsléssel