🚀 Avijit.dev: Developer Portfolio, Blogging Engine, & Utilities Suite

A high-performance, SEO-optimized personal developer portfolio, compiler playground, and browser-based utility suite. It is designed with offline-first client-side web runtimes, and utilizes a secure serverless relay to a sandboxed VPS backend.

---

🎨 Core Offerings

1. Multi-Language Compiler Playground

Compile and execute code across 67+ programming languages with dual runtimes:

• In-Browser (Offline): Languages like JavaScript, Common Lisp (JSCL), Forth, WebAssembly, Scheme, and Malbolge execute directly client-side via browser-native virtual machines.
• Oracle VM Sandbox (Online): System languages (Go, Rust, C++, Swift) are forwarded to a secure backend sandboxed environment via a serverless proxy.

2. Browser-Native Utilities Suite

A collection of heavy-duty utility tools running entirely locally in the browser for privacy and speed:

• PDF Engine: Compress, merge, resize, rotate, and unlock PDF documents client-side.
• Image Processor: Convert, crop, compress, resize, watermark, and remove backgrounds local-first.
• Developer Tools: Diff checker, JSON formatter, code minifier, regex tester, JWT debugger, and base64 converters.
• Video & Audio Suite: Trimming, speed adjustments, and format conversion utilizing locally hosted FFmpeg WebAssembly (WASM) with automatic server-side backend fallback for older devices.

3. Static Blogging Engine

• CMS-Free Architecture: Posts are authored in clean JSON schemas.
• Incremental Compiler: A Python indexing pipeline handles pagination and sitemap generation to minimize initial client payload sizes.
• Serverless SEO: A Cloudflare SEO Worker intercepts bot crawler requests to inject Open Graph metadata dynamically, ensuring perfect rich-link previews on social media.

---

🏗️ System Architecture

                    avijit.dev (Client Browser)
                        │                 │
      ┌─────────────────┘                 └──────────────────┐
      ▼                                                      ▼
Offline Tools / WASM                                Cloudflare Worker Relay
(FFmpeg, PDF.js, JS VMs)                              (SEO & compiler proxy)
                                                             │
                                                             ▼
                                                    Cloudflare Tunnel
                                                             │
                                            ┌────────────────┴────────────────┐
                                            ▼                                 ▼
                                    Compiler Backend                  Converter Backend
                                  (Port 8081 - Sandbox)             (Port 8082 - FFmpeg)

• Network Isolation: The VM origin IP address is never exposed. The compiler and converter backends are accessed solely through secure Cloudflare Tunnels.
• Zero Trust Security: The local VM firewall blocks all incoming ports except port 22 (SSH) and allows only internal routing through the tunnel.
• Auto-Cleanup: The converter service features an automated background cleanup daemon that sweeps temporary files and video upload cache directories every 5 minutes.

---

🚀 Setup & VM Deployment

The project features a CI/CD pipeline via GitHub Actions. Deployment occurs automatically on pushes to the master branch.

Prerequisites (Production secrets for GitHub Actions):

Add the following secrets under Settings → Secrets and variables → Actions in your repository:

• VM_SSH_HOST - Your VM's secure domain or public IP.
• VM_SSH_USER - SSH username (typically opc or ubuntu).
• VM_SSH_KEY - The private SSH key matching the public key on the VM.

Manual Backend Bootstrap:

To bootstrap the Docker Compose containers manually on your VM:

git clone https://github.com/avijitmobi/resume.git
cd resume/deploy/backend
chmod +x setup-backend.sh
./setup-backend.sh

---

🗺️ Roadmap

• WebGPU Canvas Renderers: Accelerate client-side video transcoders and heavy image rendering.
• Offline PWA Integration: Full Progressive Web App assets configuration for offline availability.
• WebLLM Playground: Integrate local, browser-based LLM execution directly inside the developer playground.

---

💖 Support & Sponsorship

If you find this project useful or utilize parts of it in your own portfolio, please consider supporting my work!

---

📄 License

This project is open-source and available under the MIT License.