57 lines
2.4 KiB
Markdown
57 lines
2.4 KiB
Markdown
# 🌊 VrbaOne Projects · .NET 10 Ecosystem
|
||
|
||
V tomto repozitári sa nachádzajú dva samostatné projekty postavené na **.NET 10** a **Blazor WebAssembly**:
|
||
|
||
1. **🌊 Network Aquarium** – Živý server traffic vizualizovaný ako interaktívne podmorské akvárium.
|
||
2. **🧬 Website DNA** – Generatívny digitálny fingerprint a genóm ľubovoľného webu.
|
||
|
||
---
|
||
|
||
## 1. 🌊 Network Aquarium
|
||
|
||
Živý network traffic vizualizovaný ako akvárium s nulovou záťažou na server.
|
||
|
||
* **🐟 Rybky:** Štandardné HTTP GET/POST/PUT/DELETE requesty (rýchlosť = latencia).
|
||
* **🐬 Delfíny:** WebSockets a streamy s animovanými sonarovými vlnami.
|
||
* **🐋 Veľryby:** Veľké downloady a payloady (> 500 KB – 10 MB+).
|
||
* **🪼 Medúzy:** 500 chyby servera (červené) a 4xx chyby klienta (jantárové).
|
||
* **🦈 Žraloky:** 429 Rate-Limits & DDoS traffic spiky.
|
||
* **🦀 Krabíci:** Databázové operácie a background worker úlohy.
|
||
|
||
### Spustenie Network Aquarium:
|
||
```powershell
|
||
# Backend (Port 5050)
|
||
dotnet run --project src/Aquarium.Server --urls "http://localhost:5050"
|
||
|
||
# Frontend Blazor WASM (Port 5100)
|
||
dotnet run --project src/Aquarium.Client --urls "http://localhost:5100"
|
||
```
|
||
Otvorte prehliadač na **`http://localhost:5100`**.
|
||
|
||
---
|
||
|
||
## 2. 🧬 Website DNA
|
||
|
||
Zadajte akékoľvek URL a získajte vizuálny fingerprint a genóm webu.
|
||
|
||
* **3D Rotujúca Double Helix:**
|
||
- **A (Modrá):** Sémantické HTML a štruktúra
|
||
- **T (Fialová):** CSS a štylistická hustota
|
||
- **C (Žltá):** JavaScript a interakčná logika
|
||
- **G (Zelená):** Mediá, obrázky, SVG a fonty
|
||
* **🎨 Chromozomálne farebné pásy:** Extrahované dominantné farby z CSS palety stránky tvoria jadro DNA lúča.
|
||
* **☣️ Mutačné anomálie:** Detekcia trackerov (Google Analytics, Meta Pixel, Hotjar, Sentry) ako žiariace spóry.
|
||
* **⚔️ Cross-Comparison Mode:** Porovnanie dvoch webov vedľa seba (napr. Google vs Reddit) s výpočtom genetickej kompatibility.
|
||
* **🎵 DNA Sonifikácia:** Web Audio API generuje ambientné hudobné akordy z báz A-T-C-G.
|
||
* **🎴 Hologram Card Export:** Export do PNG zberateľskej karty na 1 klik.
|
||
|
||
### Spustenie Website DNA:
|
||
```powershell
|
||
# Backend (Port 5060)
|
||
dotnet run --project src/WebsiteDna.Server --urls "http://localhost:5060"
|
||
|
||
# Frontend Blazor WASM (Port 5160)
|
||
dotnet run --project src/WebsiteDna.Client --urls "http://localhost:5160"
|
||
```
|
||
Otvorte prehliadač na **`http://localhost:5160`**.
|