Twister

Projektbeschreibung:

Twister ist eine minimale React-Anwendungsvorlage, die mit TypeScript und Vite eingerichtet ist. Sie ist für effiziente Entwicklung mit Hot Module Replacement (HMR) konzipiert und enthält wichtige ESLint-Regeln für die Codequalität. Die Anwendung unterstützt mehrere Sprachen (Englisch, Deutsch und Russisch) und ermöglicht das Hinzufügen und Löschen von Spielern. Alle Daten werden in Cookies gespeichert, sodass sie bei einem Neustart erhalten bleiben. Außerdem gibt es eine Informationsseite über das Projekt.

Technologien:

• React: Bibliothek zur Erstellung von Benutzeroberflächen.
• TypeScript: Statische Typisierung für JavaScript.
• Vite: Entwicklungs- und Build-Tool mit schneller Neuladefunktion.
• Tailwind CSS: Utility-First CSS-Framework für benutzerdefinierte Designs.
• ESLint: Tool zur statischen Codeanalyse und Qualitätskontrolle.
• PostCSS: Tool zur Verarbeitung von CSS mit Plugins.

Features:

• Schnelle Aktualisierung mit Vite's HMR.
• TypeScript-Unterstützung für Typsicherheit.
• ESLint-Konfiguration für TypeScript und React.
• Unterstützung mehrerer Sprachen (Englisch, Deutsch, Russisch).
• Hinzufügen und Löschen von Spielern, Daten bleiben in Cookies gespeichert.
• Informationsseite über das Projekt.

Projektstruktur:

• Öffentliche Ordner: index.html, Haupt-HTML-Datei der Anwendung.
• Source Code (src): Komponenten, Stile und TypeScript-Dateien.
• Konfigurationsdateien: vite.config.ts, tsconfig.json, tailwind.config.js, .eslintrc.cjs.

GitHub-Repository:

GitHub - WirusDev/twister

Live-Demo:

twist-two.vercel.app