How apereznwo/pwa_demo_env_prod works
This is an Angular browser-based demo sandbox: users navigate a collection of interactive examples and receive visualizations, game behavior, generated files, or AI-assisted results. The principal workflow is browser navigation into a demo, then interaction with its feature UI and (where applicable) an engine or service. Fractal generation is the clearest sampled end-to-end path, with client/server selection, point adaptation, and image rendering. The README only links to the deployed app; broader feature coverage comes from the source tree, and unsampled wiring is intentionally not inferred.
Main entry points: app-routing.module.ts Routes · fractal.engine.ts Fractal engine · fractalService.ts Fractal service · SearchService Search services
Components 29
Application shell
- Root component
src/app/app.component.ts - Routes
src/app/app-routing.module.ts - Home and navigation
src/app/_modules/home - About and contact
src/app/_modules/about
Interactive demos
- Demo pages
src/app/_modules/_Demos/_DemosFeatures - Games
src/app/_modules/_Demos/_DemosFeatures/games - Algorithms
src/app/_modules/_Demos/_DemosFeatures/algorithm - File generation
src/app/_modules/_Demos/_DemosFeatures/files-generation - Fractal demo
src/app/_modules/_Demos/_DemosFeatures/miscelaneous/fractalDemo/fractalDemo.component.ts - Chat demo
src/app/_modules/_Demos/_DemosFeatures/miscelaneous/chat/chat/chat.component.ts - Speech panel
src/app/_components/speech-panel/speech-panel.component.ts - Search controls
src/app/_components/search/search.component.ts
Engines and algorithms
- Game engines
src/app/_engines - Drawing engine
src/app/_engines/draw.engine.ts - Fractal engine
src/app/_engines/fractal.engine.ts - Algorithm service
src/app/_services/AlgorithmService/algorithm.service.ts
Services and integrations
- Backend service
src/app/_services/BackendService/backend.service.ts - Fractal service
src/app/_services/fractalService/fractalService.ts - Search services
src/app/_services/__Utils/SearchService - Speech service
src/app/_services/__Utils/SpeechService/speech.service.ts - Chat service
src/app/_services/__Utils/ChatService/chat.service.ts - Document services
src/app/_services/__FileGeneration
AI and media demos
- AI demos
src/app/_modules/_Demos/_DemosFeatures/_machineLearning - Vision and OCR demos
src/app/_modules/_Demos/_DemosFeatures/miscelaneous - AI services
src/app/_services/__AI
Other components
- Visitor
- Browser canvas
- Remote backend
- Fractal server
Connections 23
- Visitor → Home and navigation: opens
- Visitor → Routes: navigates
- Routes → Home and navigation: selects route
- Routes → About and contact: selects route
- Routes → Demo pages: selects route
- Root component → Backend service: loads caches
- Root component → Algorithm service: loads cache
- Fractal demo → Fractal engine: requests image
- Fractal engine → Fractal service: selects server path
- Fractal engine → Browser canvas: renders points
- Fractal service → Fractal server: requests points
- Fractal service → Remote backend: requests data
- Games → Game engines: runs game logic
- Algorithms → Algorithm service: uses algorithms
- Algorithms → Drawing engine: draws visualizations
- File generation → Document services: generates documents
- Search controls → Search services: searches pages
- Search services → Backend service: loads data
- Search services → Speech service: uses speech
- Speech panel → Speech service: controls speech
- Chat demo → Chat service: sends messages
- AI demos → AI services: uses AI
- Vision and OCR demos → AI services: uses vision tools