Update TASKS.md with new content updates and completed tasks; add BlazorCookbookApp project details to Projects page

Author: pstackebrandt

TASKS.md

@@ -12,6 +12,10 @@
 
 ## Todo
 
+### Epic: Content Updates
+
+- [ ] **P3** T16 [S] Fix grammar in GitHub repos description: change 'Einzelne von diesen' to 'Einzelne davon'.
+
 ### Epic: Nice-to-Have Features
 
 - [ ] **P4** T5 [M] Implement dark mode.
@@ -33,6 +37,12 @@
 
 ## Done
 
+- [x] ✅ T15.1 [S] User improved BlazorCookbookApp description formatting and render modes explanation.
+- [x] ✅ T15.2 [S] User updated GitHub repos description to be more precise.
+- [x] ✅ T15 [S] Update BlazorCookbookApp description with improved German text from content file.
+- [x] ✅ T14 [M] Add BlazorCookbookApp project to Projects page at top position with double-width.
+  - [x] ✅ T14.1 Add new LinkCard for BlazorCookbookApp with live demo link and German description.
+  - [x] ✅ T14.2 Move GitHub repos LinkCard up to be positioned right of BlazorCookbookApp.
 - [x] ✅ T13 [S] Removed hallucination/relict entries from TASKS.md and updated project management note.
 - [x] ✅ T12 [S] Updated Welcome page text to be more professional and confident.
 - [x] ✅ T11 [S] Fixed markdownlint errors in .cursor/rules/import-groups-spacing.mdc.

docs/development/current-work/BlazorCookbookApp-GitHub-Pages-Content.md

@@ -0,0 +1,54 @@
+# BlazorCookbookApp - GitHub Pages Project Content
+
+## Project Information
+
+**Title:** Blazor Cookbook - Blazor examples and demos
+**German Title:** Blazor Cookbook - Blazor Beispiele und Demos
+
+**Description:** Als Lernressource für Blazor-Entwicklung implementiert diese Single Page App verschiedene Konzepte.
+Einige Beispiele entstanden als Übungsaufgaben aus dem Buch "Blazor Web Development Cookbook" von P. Bazyluk.
+Das Projekt wurde durch fortgeschrittene Demos für Blazor Render-Modi
+und eine automatische Auflistung der Beispielseiten erweitert.
+
+Bei einer Überarbeitung der Anwendung kam ein automatisiertes Aufgabenmanagement mit Cursor AI und Markdown-Dateien zum Einsatz.
+
+**Repository Link:** https://github.com/pstackebrandt/blazor-cookbook-app
+
+**Live Demo:** https://blazor-recipes-bwaabwhrejgqehgp.germanywestcentral-01.azurewebsites.net/
+
+## Used Tools
+
+### Primary Technology
+- **[Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor)** with .NET 9 (Microsoft)
+
+### Render Modes
+- Auto, Server, WebAssembly modes
+
+### UI Framework
+- **[Bootstrap 5](https://getbootstrap.com/)** for styling
+
+### Development Tools
+- **[Cursor AI](https://cursor.sh/)** with chat-controlled task management based on Markdown files
+
+### Deployment
+- **[Azure App Service](https://azure.microsoft.com/services/app-service/)** (Microsoft)
+
+## Features
+
+- **SPA architecture** - Single Page Application structure
+- **Responsive design** - Tested and optimized for mobile devices
+- **Version management** - Integrated versioning system
+- **Dynamic content listing** - Automated recipe discovery and display
+
+## Notes
+
+- **Tools list consideration:** The tools list is comprehensive compared to other projects
+- this reflects the full-stack nature and learning scope of the project
+- **Bootstrap vs Responsive:** Bootstrap provides the foundation,
+but responsive behavior was specifically tested, fixed, and optimized
+- **Cursor AI workflow:** The mention of "based on Markdown files" distinguishes this from typical AI coding assistance,
+showing the structured approach to task management
+
+---
+
+*Content prepared for GitHub Pages project listing*

src/pages/Projects.js

@@ -18,6 +18,28 @@ export default function Projects() {
                 </p>
 
                 <ul className="projects__list">
+                    <li className="double-width">
+                        <LinkCard
+                            href="https://blazor-recipes-bwaabwhrejgqehgp.germanywestcentral-01.azurewebsites.net/"
+                            text="Blazor Cookbook - Blazor Beispiele und Demos"
+                            description={`Als Lernressource für Blazor-Entwicklung implementiert diese Single Page App verschiedene Konzepte.
+                            
+                            Einige Beispiele entstanden als Übungsaufgaben aus dem Buch "Blazor Web Development Cookbook" von P. Bazyluk. Das Projekt wurde durch fortgeschrittene Demos für die Blazor Render-Modi Auto-, Server- und WebAssembly sowie eine automatische Auflistung der Beispielseiten erweitert.
+                            
+                            Bei einer Überarbeitung der Anwendung kam ein automatisiertes Aufgabenmanagement mit Cursor AI und Markdown-Dateien zum Einsatz.
+                            
+                            (Blazor mit .NET 9, Bootstrap 5, Cursor AI, Azure App Service)`}
+                        />
+                    </li>
+                    <li>
+                        <LinkCard
+                            href="https://github.com/pstackebrandt"
+                            text="Meine GitHub Repositorys"
+                            description={`Die Repositorys beinhalten Code zu zahlreichen Übungsaufgaben und Projekten. Obwohl der Großteil öffentlich zugänglich ist, fehlt oft der nötige Kontext, um Zweck und Details des Codes vollständig zu erschließen.
+
+                            Für mehrere Repositorys wird GitHub Projects als Planungswerkzeug eingesetzt. Einzelne davon sind öffentlich einsehbar.`}
+                        />
+                    </li>
                     <li className="double-width">
                         <LinkCard
                             href="https://pstackebrandt.github.io/hacker-stories/"
@@ -52,15 +74,6 @@ export default function Projects() {
                             (Spring Boot 3, Java 21, Docker, OpenAPI, Error Handling, Slice-Tests, REST-Client-Tests, automatische Build- und Dokumentationsupdates)`}
                         />
                     </li>
-                    <li>
-                        <LinkCard
-                            href="https://github.com/pstackebrandt"
-                            text="Meine GitHub Repositorys"
-                            description={`Die Repositorys beinhalten Code zu zahlreichen Übungsaufgaben und Projekten. Obwohl der Großteil öffentlich zugänglich ist, fehlt oft der nötige Kontext, um Zweck und Details des Codes vollständig zu erschließen.
-
-                            Für einige Projekte wird GitHub Projects als Planungswerkzeug eingesetzt. Einzelne Projekte sind öffentlich einsehbar.`}
-                        />
-                    </li>
                     <li className="double-width">
                         <LinkCard
                             href="https://pstackebrandt.github.io/wordsworm-react/"