DEV Community

Rik
Rik

Posted on

Building a Serverless 25-Language Cyber-Defense Hub from Scratch 🛡️

#webdev #cybersecurity #serverless #opensource

description: How I engineered a zero-cost, 7-tab client-edge security syllabus and interactive lab environment using an asynchronous fetch router.
tags:

canonical_url: https://the-ultimate-rikmakershub.github.io/AETHERIX/

🏛️ The Architectural Challenge

Most modern documentation suites rely on heavy backend frameworks, slow database API queries, and bloated cloud server architectures. This results in high maintenance overhead, monthly hosting invoices, and vector tracking liabilities.

For the 20th project milestone at RikMakersHub, I set out to build AETHERIX: a high-density, multi-page security operations center and 15-lesson academic syllabus core operating 100% client-side inside the browser memory sandbox container—maintaining an ongoing maintenance bill of exactly ₹0.00/month permanently.

🎨 System Design & Core Modules

Instead of standard single-page app templates or flashy cyberpunk neon clutter, the system implements an Apple-Style Academic Minimalist Canvas—utilizing pure milk-white canvas grids, sharp ink-black type, and razor-thin graphite divider tracks to ensure absolute text scannability.

The platform is structured into 7 tactical navigation tabs managed by a custom asynchronous fetch engine:

  1. 📁 CONTENT: A high-density, vertical row accordion syllabus core tracking 5 technical phases and 15 deeply structured baseline lessons.
  2. 🪨 OBELISK: An in-browser data privacy vault executing cryptographic character bit-shifts alongside a live Shannon Entropy randomness index calculator.
  3. 🗺️ ROADMAP: A dual-panel dashboard bridging an interactive prerequisite level-finder tree with a 4-layer PC hardware hardening playbook.
  4. 📖 GLOSSARY: A 15-topic "BUST SOME MYTHS" master ledger breaking down malware buzzwords into raw computer science definitions.
  5. ⏳ KRONOS: An interactive relational database simulation sandbox with a real-time Web Application Firewall (WAF) regex payload interception log stream and a multi-step defensive security guide.
  6. ⏳ FAQS: A forensic compendium housing 15 low-level technical reference readouts breaking down memory containers and socket lifecycles.
  7. 💎 ABOUT: Core software colophon parameters and Apache License 2.0 legal patent shields.

⚙️ Low-Level Technical Implementation

1. The Zero-Flicker Async Fetch Router (app.js)

To provide the fluid user experience of native desktop software, the central router intercepts URL hash state changes (#/kronos, #/obelisk) in under 1 millisecond. It bypasses network calls for the statically baked landing core, while dynamically fetching dynamic template code fragments and parsing raw feedback.json flat-file databases asynchronously without ever flushing or flashing the active window view.

2. Multi-Language Sidebar Leverage (The 25-Language Graph)

To demonstrate total fluency across systems engineering, data science, and functional programming, the repository hosts code blocks spanning 25 modern languages (including Rust, Julia, C++, Python, Assembly, Go, and Haskell). By configuring explicit .gitattributes Linguist data overrides, the repository collapses layout templates into documentation assets, forcing the GitHub metrics graph to re-index and balance across these backend tracks natively.

🚀 Live Matrix Access & Source

Licensed under the corporate-grade Apache License 2.0 for perpetual open-source patent protection. Built at the Purulia web lab workspace.

Top comments (0)