Hopp til innholdet

Personlig

Live

Tailwind CSS-konverterer

Besøk nettstedet
Tailwind CSS-konverterer, bilde 1 av 1

Om prosjektet

Personlig utviklerverktøy for å gjøre om designspesifikasjoner til utility-klasser i Tailwind CSS. Verktøyet hjelper med å konvertere pikselverdier, farger, skriftstørrelser og andre CSS-egenskaper til de tilsvarende Tailwind-klassene. Utviklet som del av et personlig porteføljenettsted for å gjøre arbeidsflyten mellom design og implementering raskere.

  • Forhåndsvisning av prosjektet Birth Date Analyzer - Interaktiv alderskalkulator

    Personlig

    Besøk

    Birth Date Analyzer

    Interaktiv alderskalkulator

    Interaktiv webapplikasjon som beregner alder og interessant statistikk ut fra en oppgitt fødselsdato. Verktøyet viser hvor mange dager, uker, måneder og år noen har levd, beregner neste bursdag og presenterer annen tidsrelatert informasjon på en visuelt tiltalende måte.

    ReactNext.jsTailwind CSS
  • Forhåndsvisning av prosjektet Fietsen Roman - Demo av sykkelbutikk

    Personlig

    Besøk

    Fietsen Roman

    Demo av sykkelbutikk

    Demoplattform for netthandel for en fiktiv sykkelbutikk, laget med Next.js, Stripe og Prisma. Nettstedet viser moderne nettbutikkfunksjoner som produktkatalog, handlekurv og betalingsintegrasjon. Bygget som et utstillingsprosjekt for å vise ferdigheter innen utvikling av netthandel.

    ReactNext.jsTailwind CSSStripePrisma
  • Forhåndsvisning av prosjektet Ghent Parking - Parkeringsinformasjon i sanntid

    Personlig

    Besøk

    Ghent Parking

    Parkeringsinformasjon i sanntid

    System for parkeringsinformasjon i sanntid for byen Gent, laget med Next.js og Google Maps API. Applikasjonen viser ledige plasser i offentlige parkeringshus i sanntid via det åpne data-API-et til Gent kommune. Den visualiserer belegg, kapasitet, priser og beliggenhet på en oversiktlig måte og hjelper besøkende og innbyggere å finne en parkeringsplass raskt.

    ReactNext.jsTailwind CSSGoogle Maps API