XDrive

Immersive 3D AES-256 Encrypted Image Storage

Made with love by harshalsp

XDrive is a stealth, zero-knowledge steganography application running 100% autonomously in your browser. It securely encrypts your arbitrary files using AES-GCM 256 locally, slices them into massive chunks, and dynamically draws the encrypted data mathematically within the RGB pixels of lossless PNG arrays utilizing the native HTML5 <canvas> API!

These encoded images can then be safely uploaded to image hosts (like X or Twitter), allowing you to use social platforms as an infinite, hyper-secure, free file storage system.

---

✨ Features

• 🔒 Zero-Knowledge Architecture (WebCrypto): Your files are encrypted natively in your browser using AES-GCM 256. There is no backend server.
• 🕵️ Stealth Pixel Encoding: The encrypted binary chunks are translated into RGB pixels with an integrated XDRV magic header all locally via the Canvas API.
• 🚀 100% Local / Offline Capable: Removed all external Vercel Edge API dependency. Files are chunked and visually rendered using V8 engine local vectors, circumventing all size limitations and boosting speeds astronomically.
• 🎮 Immersive 3D WebGL UI: An unparalleled user experience powered by Three.js, featuring an interactive Cyberpunk particle matrix, CSS 3D parallax cards, and dynamic immersive lighting.
• 📈 Aggressive SEO: Hardcoded Semantic HTML, Twitter Cards, Open Graph tags, and JSON-LD application schemas highly optimized for indexing.

---

🛠️ Stack

• Frontend Core: HTML5 <canvas>, Vanilla JS, Tailwind CSS v4, Three.js, WebCrypto API
• Architecture: 100% Static Client-Side Execution (No Server required, works offline)
• Author: harshalsp

---

🚀 Getting Started

Prerequisites

You need Node.js v20.x or higher installed.

Local Installation & Testing

1. Clone or download this repository.
2. Install the dependencies:

   npm install

3. Run the local Vercel Express simulator:

   npm start

4. Open your web browser and navigate to: http://localhost:8080

Vercel Deployment

XDrive is entirely configured for 1-click Vercel deployments via the included vercel.json config!

1. Push this repository to GitHub.
2. Link the repository in your Vercel Dashboard.
3. Deploy! (No build steps required). All /api routes are inherently handled via Serverless Edge Functions, and the /public directory is served statically.

---

🕹️ How it Works

1. Encrypt & Encode (File -> Image Sequence)

• Open the XDrive 3D Dashboard.
• Under HIDE_PAYLOAD, enter a Secret Password.
• Drag and drop your file over the upload zone.
• Your browser instantly generates an AES-256 derived key + Salt + IV, encrypts the file into a Uint8Array buffer, and slices it into ultra-fast 10MB chunks.
• Your local HTML5 <canvas> dynamically draws each byte into RGB channels and renders a perfectly formulated lossless PNG.
• Result: You receive a .zip file containing sequentially indexed PNG images right from your own memory.

2. Decode & Extract (Image Sequence -> File)

• Download your PNG sequence.
• Under EXTRACT_SECRET, enter your exact Secret Password.
• Select and drop ALL the PNG images at once into the zone.
• The local <canvas> extracts the RGB payload from the image pixels directly inside your RAM.
• Your browser mathematically stitches the encrypted chunks back into a single Buffer, derives your key, and natively decrypts the ArrayBuffer back into your exact, original file!

---

📄 License

ISC

Crafted for secure file orchestration
harshalsp