A fake terminal. A coding agent starts building a little Rive scene, and partway through, something else starts typing.

I used both the Rive CLI and GPU Canvas. The agent wrote the scene in RML through the CLI. The terminal renders to an offscreen GPU Canvas and runs through a CRT shader I wrote in WGSL. A state machine and some Luau scripts handle the typing.

The whole thing runs off one data-bound number I called "possession." As it climbs, the text, the cursor, the shader and the preview window all go wrong together.

I did the preview animations by hand in the Rive Editor.

I'd never opened @Rive until a few days ago.

Play it here: https://haunted-cli-njr8nr.rive.to

one possession number driving the text, cursor and shader all at once is such a clever setup

💊 Project spotlight: Medikart, a full-stack pharmacy and healthcare e-commerce platform

I built Medikart as a complete MERN application, combining a React frontend with an Express.js and MongoDB backend and real-time chat powered by Socket.IO.

For customers: 🛒 Product browsing with category filters, cart, and checkout 🎟️ Voucher support for discounted purchases 📦 Order placement and tracking ⭐ Product and service reviews 💬 Real-time private chat with online status and message history

For admins: 📊 Dashboard with analytics 🗂️ Product, user, and voucher management 💬 Chat visibility and communication tools

Under the hood: 🔐 JWT authentication with protected routes 🔌 REST API covering auth, products, orders, reviews, vouchers, and chat 🗄️ MongoDB with Mongoose models

Building this taught me a lot about structuring a full-stack app end to end, from secure auth to real-time features. 🚀

#MERN #ReactJS #NodeJS #ExpressJS #MongoDB #SocketIO #JWT #FullStack #WebDevelopment