Gå til indholdet

Personligt

Live

Tailwind CSS-konverter

Besøg websitet
Tailwind CSS-konverter, billede 1 af 1

Om projektet

Personligt udviklerværktøj til at omsætte designspecifikationer til utility-klasser i Tailwind CSS. Værktøjet hjælper med at omsætte pixelværdier, farver, skriftstørrelser og andre CSS-egenskaber til de tilsvarende Tailwind-klasser. Udviklet som en del af et personligt porteføljewebsite for at gøre arbejdsgangen mellem design og implementering hurtigere.

  • Forhåndsvisning af projektet Fietsen Roman - Demo af cykelbutik

    Personligt

    Besøg

    Fietsen Roman

    Demo af cykelbutik

    Demo af en e-handelsplatform for en fiktiv cykelbutik, lavet med Next.js, Stripe og Prisma. Websitet viser moderne webshopfunktioner som produktkatalog, indkøbskurv og betalingsintegration. Bygget som et udstillingsprojekt for at demonstrere kompetencer inden for e-handelsudvikling.

    ReactNext.jsTailwind CSSStripePrisma
  • Forhåndsvisning af projektet Fødselsdatoanalyse - Interaktiv aldersberegner

    Personligt

    Besøg

    Fødselsdatoanalyse

    Interaktiv aldersberegner

    Interaktiv webapplikation, der beregner alder og interessant statistik ud fra en indtastet fødselsdato. Værktøjet viser, hvor mange dage, uger, måneder og år man har levet, beregner næste fødselsdag og præsenterer anden tidsrelateret information på en visuelt tiltalende måde.

    ReactNext.jsTailwind CSS
  • Forhåndsvisning af projektet Lorem Ipsum-generator

    Personligt

    Besøg

    Lorem Ipsum-generator

    Enkel Lorem Ipsum-generator til at lave pladsholdertekst, lavet med Next.js og Tailwind CSS. Værktøjet lader dig styre længden af den genererede tekst med højst 10 enheder. Nyttigt for designere og udviklere, der hurtigt har brug for fyldtekst til mockups, wireframes og prototyper. Ren brugerflade med resultat, der kan kopieres direkte.

    ReactNext.jsTailwind CSS