{"id":24736748,"url":"https://github.com/ghackenberg/kurs-typescript-firebase","last_synced_at":"2026-05-04T13:37:55.920Z","repository":{"id":273904911,"uuid":"921263895","full_name":"ghackenberg/kurs-typescript-firebase","owner":"ghackenberg","description":"Dieses Repository soll beim Einstieg in die Entwicklung von Web-Anwendungen mit TypeScript und Firebase helfen","archived":false,"fork":false,"pushed_at":"2025-01-23T16:54:31.000Z","size":0,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-23T17:33:35.794Z","etag":null,"topics":["firebase","react","typescript","webpack"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ghackenberg.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-23T16:33:52.000Z","updated_at":"2025-01-23T16:54:34.000Z","dependencies_parsed_at":"2025-01-23T17:43:38.961Z","dependency_job_id":null,"html_url":"https://github.com/ghackenberg/kurs-typescript-firebase","commit_stats":null,"previous_names":["ghackenberg/kurs-typescript-firebase"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ghackenberg%2Fkurs-typescript-firebase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ghackenberg%2Fkurs-typescript-firebase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ghackenberg%2Fkurs-typescript-firebase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ghackenberg%2Fkurs-typescript-firebase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ghackenberg","download_url":"https://codeload.github.com/ghackenberg/kurs-typescript-firebase/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244993905,"owners_count":20544076,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","react","typescript","webpack"],"created_at":"2025-01-27T21:59:31.822Z","updated_at":"2025-10-20T05:14:20.949Z","avatar_url":"https://github.com/ghackenberg.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📖 Kurs TypeScript/Firebase\n\n![](./doc/social.png)\n\nDieses Dokument enthält die folgenden Abschnitte:\n\n1. **Dateistruktur** - Erklärung der Dateistruktur des Repositories\n1. **Abhängigkeiten** - Erklärung der Abhängigkeiten zu anderen Paketen\n1. **Entwicklerskripte** - Erklärung der Skripte für Entwickler der Web-Anwendung\n1. **Sonstiges** - Erklärung sonstiger Inhalte des Repositories\n\nViel Spaß beim Lesen! Bei Fragen gerne melden unter georg.hackenberg@fh-wels.at.\n\n## 📑 1. Dateistruktur\n\nDie Dateistruktur umfasst mehrere Kategorien von Dateien:\n\n1. **Konfigurationsdateien** - Konfiguration der Entwicklerwerkzeuge\n1. **Öffentliche Dateien** - Statische Dateien der Web-Anwendung\n1. **Quelldateien (TypeScript)** - Originale Skripte der Web-Anwendung\n1. **Bündeldateien (JavaScript)** - Gebündelte Skripte der Web-Anwendung\n\nIm Folgenden werden die einzelnen Kategorien genauer beschrieben.\n\n### 1.1. Konfigurationsdateien\n\nDie Projektkonfiguration umfasst die folgenden drei Dateien:\n\n* 📄 [package.json](./package.json) - Konfiguration der Entwicklerskripte und Abhängigkeiten\n* 📄 [tsconfig.json](./tsconfig.json) - Konfiguration der Kompilierung mit TypeScript\n* 📄 [webpack.config.js](./webpack.config.js) - Konfiguration der Bündelung mit Webpack\n\n### 1.2. Öffentliche Dateien\n\nÖffentliche Dateien werden **direkt (ohne Bündelung mit Webpack)** vom Web-Server bereitgestellt:\n\n* 📂 [public](./public/) - Weitere öffentliche Dateien der Webanwendung\n    * 📄 [index.html](./public/index.html) - HTML-Dokument\n    * 📄 [style.css](./public/style.css) - CSS-Dokument\n\n### 1.3. Quelldateien (TypeScript)\n\nQuelldateien werden **indirekt (nach Bündelung mit Webpack)** vom Web-Server bereitgestellt:\n\n* 📂 [src](./src/) - TypeScript Quellen der Webanwendung\n    * 📂 [schemas](./src/schemas/) - Dokumenteninhalte in Firestore\n        * 📄 [todo.ts](./src/schemas/todo.ts) - Todo-Dokumenteninhalt\n    * 📂 [documents](./src/documents/) - Dokumente in Firestore\n        * 📄 [todo.ts](./src/documents/todo.ts) - Todo-Dokument\n    * 📂 [collections](./src/collections/) - Sammlungen in Firestore\n        * 📄 [todo.ts](./src/collections/todo.ts) - Todo-Sammlung\n    * 📂 [components](./src/components/) - Eigene React-Komponenten\n        * 📄 [app.tsx](./src/components/app.tsx) - Anwendungskomponente\n        * 📄 [todo.tsx](./src/components/todo.tsx) - Todo-Komponente\n    * 📄 [firebase.ts](./src/firebase.ts) - Firebase-Konfiguration\n    * 📄 [main.tsx](./src/main.tsx) - Einstieg in die Webanwendung\n\n### 1.4. Bündeldateien (JavaScript) [*nicht im Repository enthalten*]\n\nBündeldateien sind die Ergebnisse der Bündelung und werden **direkt** vom Web-Server bereitgestellt:\n\n*  *📂 dist* - Ergebnisse der Bündelung mit Webpack\n    * *📄 main.js* - Kompiliertes und gebündeltes JavaScript\n\n## 📑 2. Abhängigkeiten\n\nDie Abhängigkeiten können in zwei Kategorien eingeteilt werden:\n\n1. **Ausführung** - Zur Ausführung der Anwendung benötigte Pakete\n1. **Entwicklung** - Zur Entwicklung der Anwendung benötigte Pakete\n\nIm folgenden werden die beiden Kategorien genauer beschrieben.\n\n### 2.1. Ausführung\n\nDie Abhängigkeiten für die Ausführung umfassen die folgenden Pakete:\n\n* `react` - Komponenten-basiertes Framework für GUIs\n* `react-dom` - Adaption des Frameworks für Web-Browser\n* `firebase` - Bibliothek für den Zugriff auf Firebase-Dienste\n\n### 2.2. Entwicklung\n\nDie Abhängigkeiten für die Entwicklung umfassen die folgenden Pakete:\n\n* `typescript` - Der TypeScript-Compiler von Microsoft\n* `@types/react` - Typisierungsinformationen für `react`\n* `@types/react-dom` - Typisierungsinformationen für `react-dom`\n* `webpack` - Werkzeug für die Bündelung von Quelldateien\n* `webpack-cli` - Ausführung der Bündelung über die Kommandozeile\n* `webpack-dev-server` - Web-Server mit automatischer Aktualisierung\n* `ts-loader` - Bündelung von TypeScript (statt reinem JavaScript)\n\n## 📑 3. Entwicklerskripte\n\nInstallation der Abhängigkeiten für die Entwicklung und für die Laufzeit:\n\n```\nnpm install\n```\n\nStarten eines lokalen Web-Servers für die Entwicklung um automatischer Aktualisierung:\n\n```\nnpm start\n```\n\nBündelung der Web-Anwendung für die Produktionsumgebung:\n\n```\nnpm run build\n```\n\n## 📑 4. Sonstiges\n\n* [Änderungsprotokoll](./CHANGELOG.md)\n* [Beitragen](./CONTRIBUTING.md)\n* [Lizenz](./LICENSE.md)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fghackenberg%2Fkurs-typescript-firebase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fghackenberg%2Fkurs-typescript-firebase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fghackenberg%2Fkurs-typescript-firebase/lists"}