Ugrás a tartalomra

Saját

Élő

Tailwind CSS-konverter

Webhely megnyitása
Tailwind CSS-konverter, kép: 1/1

A projektről

Saját fejlesztői eszköz, amely a tervezési specifikációkat Tailwind CSS utility osztályokká alakítja. Segít a pixelértékek, színek, betűméretek és egyéb CSS-tulajdonságok megfelelő Tailwind-osztályokká alakításában. Egy személyes portfólióoldal részeként készült, hogy felgyorsítsa a tervezés és a megvalósítás közötti munkafolyamatot.

  • Projekt előnézete: Csomagolásilista-kezelő - Szervezőeszköz

    Csomagolásilista-kezelő

    Szervezőeszköz

    Praktikus webalkalmazás csomagolási listák összeállításához különféle tevékenységekhez: sport és edzőterem, munka, utazás és időjárás. A felhasználók tételeket adhatnak hozzá, kategóriákba sorolhatják és pakolás közben kipipálhatják őket. A listák helyben tárolódnak, így újra felhasználhatók. Segít rendszerezettnek maradni és semmit sem elfelejteni, bármiről legyen is szó.

    ReactNext.jsTailwind CSSlocalStorage
  • Projekt előnézete: Fietsen Roman - Kerékpárbolt-demó

    Fietsen Roman

    Kerékpárbolt-demó

    Demó webáruház egy kitalált kerékpárbolt számára, Next.js, Stripe és Prisma használatával. A weboldal modern webáruház-funkciókat mutat be, többek között termékkatalógust, kosarat és fizetési integrációt. Bemutatóprojektként készült, hogy szemléltesse az e-kereskedelmi fejlesztői készségeket.

    ReactNext.jsTailwind CSSStripePrisma
  • Projekt előnézete: Genti parkolás - Valós idejű parkolási információk

    Genti parkolás

    Valós idejű parkolási információk

    Valós idejű parkolási információs rendszer Gent városa számára, Next.js és a Google Maps API használatával. Az alkalmazás Gent városának nyílt adatos API-ján keresztül mutatja a nyilvános parkolóházak szabad helyeit élőben. Áttekinthetően jeleníti meg a kihasználtságot, a kapacitást, a díjakat és a helyszíneket, így a látogatók és a helyi lakosok gyorsan találhatnak parkolóhelyet.

    ReactNext.jsTailwind CSSGoogle Maps API