Siirry sisältöön

Oma projekti

Julkaistu

Tailwind CSS Converter

Avaa sivusto
Tailwind CSS Converter, kuva 1/1

Tietoa projektista

Oma kehittäjätyökalu suunnittelumääritysten muuntamiseen Tailwind CSS:n apuluokiksi. Työkalu auttaa muuntamaan pikseliarvot, värit, fonttikoot ja muut CSS-ominaisuudet vastaaviksi Tailwind-luokiksi. Kehitetty osana henkilökohtaista portfoliosivustoa nopeuttamaan siirtymää suunnittelusta toteutukseen.

  • Projektin esikatselu: Birth Date Analyzer - Interaktiivinen ikälaskuri

    Oma projekti

    Avaa

    Birth Date Analyzer

    Interaktiivinen ikälaskuri

    Interaktiivinen verkkosovellus, joka laskee annetun syntymäpäivän perusteella iän ja kiinnostavia tilastoja. Työkalu näyttää, kuinka monta päivää, viikkoa, kuukautta ja vuotta henkilö on elänyt, laskee seuraavan syntymäpäivän ja esittää muita aikaan liittyviä tietoja visuaalisesti miellyttävällä tavalla.

    ReactNext.jsTailwind CSS
  • Projektin esikatselu: Fietsen Roman - Polkupyöräliikkeen demo

    Oma projekti

    Avaa

    Fietsen Roman

    Polkupyöräliikkeen demo

    Kuvitteellisen polkupyöräliikkeen demoverkkokauppa, toteutettu Next.js:llä, Stripellä ja Prismalla. Sivusto esittelee modernin verkkokaupan ominaisuuksia, kuten tuoteluettelon, ostoskorin ja maksuintegraation. Rakennettu näyteprojektiksi verkkokauppakehityksen osaamisen osoittamiseen.

    ReactNext.jsTailwind CSSStripePrisma
  • Projektin esikatselu: Ghent Parking - Reaaliaikaiset pysäköintitiedot

    Oma projekti

    Avaa

    Ghent Parking

    Reaaliaikaiset pysäköintitiedot

    Gentin kaupungin reaaliaikainen pysäköintitietojärjestelmä, toteutettu Next.js:llä ja Google Maps API:lla. Sovellus näyttää julkisten pysäköintilaitosten vapaat paikat reaaliajassa Gentin kaupungin avoimen datan rajapinnan kautta. Se havainnollistaa selkeästi käyttöasteet, kapasiteetit, hinnat ja sijainnit ja auttaa kävijöitä ja asukkaita löytämään nopeasti pysäköintipaikan.

    ReactNext.jsTailwind CSSGoogle Maps API