Muotoile, validoi ja vertaa JSON-dataa.
Kopioi tämä prompti Cursoriin tai muuhun AI-työkaluun aloittaaksesi projektin.
Luo JSON-työkalupakki. Välilehdet: 1. Formatter (beautify/minify) 2. Validator (tarkista ja näytä virheet) 3. Tree View (visualisoi rakenne) 4. Diff (vertaa kahta JSONia) Jokaisella välilehdellä: - Input-alue(t) JSONille - Toimintonapit - Output/tulos-alue - Kopioi-nappi Ominaisuudet: - Syntaksikorostus - Rivinumerot - Virheiden korostus - Sample JSON -napit Tech: Next.js, TypeScript, Tailwind CSS
Tässä projektissa rakennetaan seuraavat ominaisuudet:
Luo beautifier ja minifier.
Luo JSON-työkalun perustoiminnot: input-alue JSON:ille, Beautify-nappi (muotoilu sisennyksellä), Minify-nappi (poista turhat välilyönnit). Näytä virheviestit jos JSON on virheellinen.
Lisää validointi ja puurakenne.
Lisää JSON-validointi virheviesteineen. Luo puurakenne-näkymä (tree view) jossa voi navigoida JSONin sisällä. Näytä tyypit (string, number, boolean, array, object).
Vertaa kahta JSON-objektia.
Luo JSON-diff työkalu: kaksi input-aluetta JSONeille, vertaa ja näytä erot värikoodattuna (lisätty, poistettu, muutettu).
Kun perusprojekti on valmis, voit laajentaa sitä näillä ideoilla:
Selaa kaikkia kehittäjätyökalut projekteja tai tutustu muihin kategorioihin.