Aloittelija2-3 tuntia🛠️ Kehittäjätyökalut

QR-koodigeneraattori

Luo QR-koodeja teksteistä, URL:eista ja kontakteista.

Teknologiat:Next.jsTypeScriptTailwind CSSqrcode

Aloitusprompt

Kopioi tämä prompti Cursoriin tai muuhun AI-työkaluun aloittaaksesi projektin.

Luo QR-koodigeneraattori.

Sisältötyypit:
1. Teksti/URL (vapaa teksti)
2. WiFi (SSID, password, encryption)
3. vCard (nimi, email, puhelin, osoite)
4. Email (to, subject, body)
5. SMS (numero, viesti)

Visuaaliset asetukset:
- Taustaväri
- QR-koodin väri
- Koko (128-512px)
- Error correction level (L, M, Q, H)
- Logo keskellä (optional)

Export:
- PNG download
- SVG download
- Kopioi linkki

Tech:
- Next.js
- TypeScript
- qrcode tai qr-code-styling
- Tailwind CSS

UI:
- Split: asetukset vasemmalla, preview oikealla
- Välilehdet sisältötyypeille

Ominaisuudet

Tässä projektissa rakennetaan seuraavat ominaisuudet:

1Eri sisältötyypit
2Värien muokkaus
3Logon lisäys
4Lataus PNG/SVG
5Koon säätö

Vaiheet

1

Perus-generaattori

Luo QR-koodi tekstistä.

Prompti:

Luo QR-koodigeneraattori: input sisällölle, reaaliaikainen QR-koodin esikatselu. Käytä qrcode-kirjastoa. Lisää download-nappi.
2

Sisältötyypit

Tuki eri datatyypeille.

Prompti:

Lisää sisältötyypit: URL, teksti, WiFi (SSID, salasana), vCard (nimi, puhelin, email), sähköposti, SMS. Generoi oikea QR-formaatti kullekin.
3

Muokkaus

Lisää visuaalinen customointi.

Prompti:

Lisää visuaaliset vaihtoehdot: taustaväri, QR-väri, koko, virheen korjaustaso. Mahdollisuus lisätä logo keskelle.

Laajennusideat

Kun perusprojekti on valmis, voit laajentaa sitä näillä ideoilla:

  • Batch-generointi
  • QR-koodin lukeminen kameralla
  • Analytics (skannausmäärät)
  • Dynaamiset QR-koodit
  • Print-friendly versio

Lisää projekti-ideoita

Selaa kaikkia kehittäjätyökalut projekteja tai tutustu muihin kategorioihin.