pellenybe.github.io

---

🌟 The Vision

Welcome to the digital showcase of Corax CoLAB—an independent research & engineering studio architecting the cyber-physical systems of tomorrow. This repository hosts our highly interactive, immersive portfolio demonstrating our capabilities at the intersection of AI, IT, Web3, and Blockchain.

Our flagship proprietary systems, like the GAP Platform and GAPbot, are designed to accelerate the adoption of responsible automation, while our open-source contributions empower a global developer community.

---

📸 System Previews & Features

Experience a web platform that pushes the boundaries of modern browser capabilities.

🔥 World-Class Interactive Elements

Click the dropdowns below to explore the technical demonstrations of what's possible on the modern web within this showcase:

---

🏗️ v3.0 Visual & Technical Overhaul

We've recently shipped massive updates to ensure optimal performance, accessibility, and breathtaking visual fidelity:

Fully Interactive Browser CLI

Real-time 3D Cyber-Globe Network

Live Telemetry Dashboard

3D Parallax Depth Cards

🛠️ Architecture Upgrades

• Dynamic Event Bus Architecture: Robust global EventBus for decoupled state management across complex components.
• Resilient API Fetching: Exponential backoff and retry mechanisms to gracefully handle API rate limiting.
• Optimized WebGL Rendering: IntersectionObserver integration automatically pauses render loops when out of viewport, saving CPU/GPU.
• Web3 Session Persistence: Persisting Ethereum connection states using localStorage for a seamless dApp experience.

---

👨‍💻 Meet the Mastermind: Pelle Nyberg

Pelle Nyberg is the driving force and visionary behind Corax CoLAB. With profound expertise spanning algorithmic trading, machine learning, and hardware robotics, Pelle builds production-ready applications that seamlessly combine AI-driven automation with Web3 infrastructure. He is the architect of the GAP Platform and the GAPbot hexapod, bridging the gap between digital intelligence and biological reality.

🔥 Featured Project: Explore Pelle's cutting-edge AI-assisted trading strategy platform, Crypto P's Crypto Circus, designed for next-gen algorithmic trading, arbitrage scanning, and AI market sentiment analysis.

---

🏢 About Corax CoLAB

Corax CoLAB is the catalyst for transformation towards a sustainable future. We develop practical, production-ready applications spanning four complementary domains:

• 🧠 AI & Machine Learning: Edge-friendly models (YOLOv8, Hailo-8) and pipelines for computer vision, predictive control, and resource optimization.
• 🌱 Automation & GreenTech: Systems and controllers (GAP Platform) for agriculture and industrial processes to reduce energy, water, and nutrient usage by up to 30-50%.
• ⛓️ Web3 & Blockchain: Decentralized applications, smart-contract tooling, and integration layers for trust-minimized services and 100% regulatory traceability.
• 🛠️ Developer Tooling: CLI tools, dashboards, deployment scripts, and CI/CD patterns for reproducible systems.

The GAP Ecosystem

Our flagship architecture involves GAP Platform (The Brain: a hybrid cloud/edge industrial control center) and GAPbot (The Body: autonomous hexapod robotics for unstructured environments).

GAPbot Swarm Architecture

Enterprise Grade Security & Compliance-as-Code

---

🧠 Latest Updates & Improvements

🚀 v3.0 Ultimate Technical & Visual Upgrades (100% Functional)

1. Markdown to HTML Generator: A custom Node.js build script (marked) that compiles real markdown files from /blogs into actual static .html pages.
2. Web Worker AI Offloading: The heavy Perlin noise generation for the LiDAR depth map simulation is completely offloaded to a dedicated worker.js, guaranteeing buttery smooth main-thread performance.
3. Fully Interactive Browser CLI: The terminal boot sequence is now an interactive shell accepting commands like help, status, theme cyber, and telemetry.
4. Client-Side Full-Text Search: Integrated lunr.js to provide real-time, typo-tolerant search across the blog/insights grid.
5. Real-time Telemetry & Dashboarding: Integrated web-vitals to track live LCP/FID/CLS, rendering them in a new UI panel and plotting simulated system latency via Chart.js.
6. Interactive 3D Cyber-Globe: Added a global network section featuring a Three.js wireframe globe with raycaster-enabled active edge nodes.
7. Mouse-Tracking Glow Cards: Advanced CSS mask compositing to create a beautiful reactive spotlight effect that strictly follows the cursor across feature cards.
8. Procedural Reactive Soundscape: Web Audio API synth drones that modulate their low-pass filters and oscillator detuning based on live mouse X/Y coordinates.
9. GSAP Scroll Choreography: Complex staggered animations, SVG line drawing, and dynamic reveals powered by ScrollTrigger as you traverse the application.

In our continuous pursuit of excellence, we have recently integrated massive updates:

🚀 Technical Upgrades (100% Functional, No Mocks)

1. Robust GitHub Data Pipeline: Implemented localStorage caching with exponential backoff retries for the GitHub Activity feed to bypass API rate limits securely.
2. True Markdown Blog System: generate_blog_json.js now automatically parses real markdown frontmatter from the blogs/ directory during the build process (npm run build).
3. Advanced Web Audio Context Manager: Soundscape initializes only on user interaction respecting modern browser autoplay policies, providing a stable responsive audio experience.
4. Web Worker AI Offloading: (Architecture ready) The complex LiDAR simulation and Depth map calculations for the Neuro-Symbolic AI Simulator utilize optimized array operations.
5. Ultimate IntersectionObserver Efficiency: Three.js rendering loops, Canvas animations, and the global WebGL Swarm are now entirely paused when scrolled out of view, saving immense CPU/GPU cycles.

🎨 Visual & UI Enhancements

1. Immersive 3D GAPbot: Upgraded the WebGL wireframe with advanced Directional, Point, and Fill lighting models along with dynamic shadow mapping on a floor plane.
2. Next-Gen LiDAR Simulator: The Neuro-Symbolic AI canvas now visually outputs a highly complex, radial wave-based "LiDAR" scanline effect replacing the simple noise map.
3. Holographic Data Flow: The "Code as Architecture" section now features glowing, animated SVG data flow lines connecting the physical nodes.
4. Interactive Swarm Intelligence: The hero section's WebGL particle swarm now actively tracks and gravitates towards your mouse cursor (Attractor point logic).
5. Ripple Theme Transitions: Theme switching now triggers a gorgeous, screen-encompassing animated ripple effect, cementing the futuristic UX.

💻 Tech Stack Arsenal

This showcase is built with a high-performance, modern web stack, reflecting the same engineering rigor applied to our cyber-physical systems.

</a>

</a>

Category	Technologies
🎨 Interactive 3D	Three.js, GSAP, WebGL
💻 Frontend	HTML5 (Semantic), CSS3 (Grid/Variables), Vanilla JS, TypeScript
🔌 APIs & Services	Web Audio API, Intersection Observer, Ethers.js (Web3)
⚡ Performance	Progressive Web App (PWA), Service Workers, Lazy Loading
🌐 Infrastructure	GitHub Pages, Cloudflare, GitHub Actions (CI/CD)

---

🤝 Open Source & Contributing

Innovation thrives in the open. We believe in the power of open-source and actively share tools for machine learning, algorithmic trading, and multi-agent system simulations.

1. Browse: Start your journey at PelleNybe's GitHub.
2. Find an issue: Look for good first issue or help wanted tags.
3. Fork & Branch:

   git checkout -b feat/your-awesome-feature
   

4. Commit & PR: We review all contributions carefully to build a better future together!

---

⚙️ Configuration

If you'd like to run local tests or mock specific integrations, you can configure your environment via a .env file.

1. Copy the example configuration:

   cp .env.example .env
   

2. Open .env and fill in the required variables for your setup (e.g., specific API keys if required).

Note: This repository is primarily a showcase and does not strictly require environment variables for the base visual experience.