JO
Zruck zu de Projekte

Frontend Toolkit

Datenschutzfreundliche Sammlung vo über 21 Entwickla-Tools inkl. JSON-Formatter, UUID-Generator, Base64-Encoder – ois clientseitig.

Johr

2025

Rolle

Full-Stack Entwicklung & Design

Technologien

ReactNext.jsTypeScriptTailwind

Screenshots

Hoiptmerkmale

1

JSON Formatter - JSON validieren, verschönern und formatieren mid Syntax-Hervorhebung

2

UUID Generator - Eindeutige Kennungen mid Unterstützung fia v1, v4 und v7 erstellen

3

Base64 Encoder/Decoder - Base64-Strings mid MIME-Unterstützung kodieren und dekodieren

4

Timestamp Converter - Zwischen Unix-Timestamps und lesbaren Datn konvertieren

5

QR Code Generator - Opassbare QR-Codes fia Text oder URLs erstellen

6

Text Diff Checker - Texte mid zeilenweiser Differenzvisualisierung vagleichen

7

Hash Generator - MD5-, SHA-1-, SHA-256- und SHA-512-Hashes generieren

8

URL Encoder/Decoder - URL-Parameter sicha kodieren und dekodieren

9

Color Converter - Zwischen HEX-, RGB-, HSL-Forbformaten konvertieren

10

Lorem Ipsum Generator - Platzhaltatext fia Designs generieren

11

Markdown Preview - Live-Vorschau vo Markdown mid Syntax-Hervorhebung

12

CSS Minifier - CSS-Code komprimieren, um Dateigröße z'reduzieren

13

JavaScript Minifier - JavaScript-Code fia Produktion minimieren

14

Password Generator - Sichere Passwörter mid benutzerdefinierten Optionen erstellen

15

Image Compressor - Büdgräßn reduzieren bei gleichbleibender Qualität

16

CSS Unit Converter - Zwischen px, rem, em und anderen CSS-Einheiten konvertieren

17

Regex Tester - Reguläre Ausdrücke mid Live-Matching testen und debuggen

18

JWT Decoder - JSON Web Tokens dekodieren und inspizieren

19

HTML Entity Encoder - Sonderzeichen in HTML-Entitäten umwandeln

20

Case Converter - Text zwischen vaschiedenen Schreibweisen transformieren

Technische Umsetzung

  • Next.js 15 App Router fia optimale Performance

  • React 19 mid TypeScript fia typsichere Entwicklung

  • Tailwind CSS 4 mid benutzerdefinierten CSS-Variablen

  • SEO-optimiert mid strukturierten Datn und Metadatn

  • Dark Mode mid localStorage-Persistenz

  • Vollständig responsiv und mobilfreundlich

  • Koa Backend - oi Tools laufen im Browser

  • WCAG AA-konform fia Barrierefreiheit

Interessiert an dem Projekt?

Schau da de Live-Demo o oder erkunde'n Quöcode