codemo

///// - Codemo Digital Nomad - \\\

Github -Repository mit Web -Apps, Code -Spielplatz, Vektorgrafikhersteller und Editor,
Dateibrowser zur Vorschau, Bearbeitung und Herunterladen einzelner Dateien oder eines Verzeichnisses als ZIP -Archiv.

---

---

///// - Webanwendungen - \\\

| [DPaint] [DPaint] Image Editor modelliert nach der legendären Deluxe -Farbe von Steffest | | ! [Drawio] (App/Web-App/Drawio.Webp) | [Drawio] [Drawio] Diagrammeditor oder Whiteboard von JGRAPH LTD und DRAG.IO AG | | ! [Encrypt] (App/Web-App/Encrypt.Webp) | [Verschlüsselung] [Verschlüsselung] Statische HTML -Verschlüsselung für den öffentlichen Host | | ! [ERD-EDITOR] (App/Web-App/ERD-eDitor.Webp) | [ERD-EDITOR] [ERD-EDITOR] EDITY-Relationship Diagram Editor von Seunghwan-Lee @dinug | | ! [GODSVG] (App/Web-App/Godsvg.Webp) | [GODSVG] [GODSVG] Herausgeber für skalierbare Vektorgrafiken (SVG) von @Mewpurpur | | ! [Grapesjs] (App/Web-App/Grapesjs.Webp) | [Grapesjs] [GrapesJs] Wysiwyg eeb Page Builder | | ! [LiveCodes] (App/Web-App/LiveCodes.Webp) | [LiveCodes] [LiveCodes] Live -Code -Spielplatz | | ! [mermaid] (App/web-App/mermaid.webp) | [Mermaid-Eduitor] [Mermaid] Diagramme und Diagramme Editor | | ! [tldraw] (App/web-App/tldraw.webp) | [Tldraw] [Tldraw] Leinwand und Whiteboard Draw | | ! [Voxel-Builder] (App/Web-App/Voxel-Builder.Webp) | [Voxel-Builder] [Voxel-Builder] Voxel-basierte 3D-Modellierungsanwendung Nimadez | | ! [vvvebjs] (App/web-App/vvvebjs.webp) | [vvvebjs] [vvvebjs] Drag & Drop -Webseitenbauer Givanz |

Installieren Sie auf Desktops und Laptops

Sie müssen einen modernen Browser verwenden. Die Desktop -Installation wird derzeit von Google Chrome und Microsoft Edge unter Linux, Windows, MacOS und Chromebooks unterstützt. Klicken Sie auf die Schaltfläche in der Adressleiste, um ein Pop -up zu erhalten, um Codemo zu installieren. Sobald Codemo installiert ist, wird es:

• Machen Sie ein Symbol im Launcher, im Startbildschirm, im Startmenü oder im Launchpad.
• Erscheinen Sie als Ergebnis, wenn ein Benutzer nach der App auf ihrem Gerät sucht.
• Haben ein separates Fenster innerhalb des Betriebssystems.
• Unterstützung für bestimmte Funktionen.

Apps installieren, verwalten oder deinstallieren ...

• Chrome - Verwenden Sie Web -Apps
• Microsoft Edge

1. Live -Code

Importieren Sie ein Repository, ein Verzeichnis, eine Datei oder ein GIST und betten Sie einen Live -Code -Editor in eine Website mit einem einfachen Link ein, um die Ergebnisse in Echtzeit anzuzeigen. Sie können Ihr bevorzugtes CSS- und JavaScript-Framework mit einem vorhandenen Projekt verwenden oder mit einer Schnellstartvorlage von LiveCodes frisch beginnen

2. Github.dev Webbasierter Editor

Sie können auch jeden Ordner öffnen und den webbasierten Editor mit GitHub.dev verwenden, um Dateien zu bearbeiten und Ihre Änderungen zu verpflichten. Beachten Sie, dass Sie bei Github.com angemeldet sein müssen, um den Editor Github.dev zu verwenden.

Navigieren Sie auf Codemo zu einem Verzeichnis des Repositorys.

Klicken Sie auf Bearbeiten, um die Datei zu öffnen. Drücken Sie auf der gleichen Browser -Registerkarte .

Alternativaly können Sie das Repository in einer neuen Browser -Registerkarte öffnen >

• Ändern Sie die URL von "github.com" in "github.dev".
• Wählen Sie beim Anzeigen einer Datei das Dropdown -Menü und klicken Sie auf Github.dev.

---

Tech Stack

• Docker
• Läufer ubuntu-latest
• Python 3.11-Alpine3.17
• GitHub Action Checkout
• GitHub Action Pages Directory Listing
• GitHub Action Upload Pages Artefact
• GitHub -Aktionen bereitstellen Seiten
• Github Restapi

Frontend

• Alpine.js
  Ein robustes, minimales Rahmen für das direkte Verhalten direkt in Ihrem Markup
• Rückenwind -CSS
  Ein Utility-First CSS-Framework

---

Wenn ich es heute noch einmal tun müsste, würde ich definitiv die Benutzerfreundlichkeit von JQuery über Rückenwind und Alpine.js wählen

---

Lizenz

MIT -Lizenz

Copyright (C) 2024

Die Erlaubnis wird hiermit kostenlos an jede Person erteilt, die eine Kopie erhält
dieser Software und zugehörigen Dokumentationsdateien ("Software"), um zu handeln
In der Software ohne Einschränkung, auch ohne Einschränkung der Rechte
zu verwenden, zu kopieren, zu ändern, zusammenzufassen, zu veröffentlichen, zu vertreiben, zu unterlizenzieren und/oder verkaufen
Kopien der Software und Personen, denen die Software ist
Zu den folgenden Bedingungen geliefert:

Die oben genannte Urheberrechtsbekanntmachung und diese Berechtigungsbekanntmachung ist in alle enthalten
Kopien oder wesentliche Teile der Software.

Die Software wird "wie es ist" bereitgestellt, ohne dass eine Garantie jeglicher Art ausdrückt oder
Impliziert, einschließlich, aber nicht beschränkt auf die Garantien der Marktgängigkeit,
Fitness für einen bestimmten Zweck und Nichtverlust. In keinem Fall die
Autoren oder Urheberrechtsinhaber haften für Ansprüche, Schäden oder andere
Haftung, sei es bei Vertragsklagen, unerlaubter Handlung oder anderweitig, entsteht aus,
Aus oder im Zusammenhang mit der Software oder der Verwendung oder anderen Geschäften in der
SOFTWARE.

Web -App	Beschreibung