SpaghettiChef is a Java-based local runtime for monitoring and controlling 3D printers through a structured dashboard, REST API, persistence layer, and real serial communication.
It started with one USB-connected printer and is evolving into a local multi-printer control system with background monitoring, job execution, audit visibility, and real-printer diagnostics.
Why I built it
A 3D printer is not just a machine with a start button. Behind the scenes, there are serial commands, firmware responses, timeouts, SD-card transfers, failed uploads, and operator actions that should be traceable.
PrinterHub explores how this can be handled like a real system: monitored, persisted, observable, and controlled.
What it does
Monitors real and simulated 3D printers.
Reads printer state in the background without blocking the dashboard.
Provides a local REST API and embedded dashboard.
Stores printer configuration, events, jobs, and diagnostics in SQLite.
Runs controlled actions such as temperature readout, homing, fan control, and SD-card print workflows.
Tracks job history, execution steps, command responses, and failure details.
Tests real Marlin-compatible serial communication, including guarded SD-card upload.
Real hardware, real problems
PrinterHub is tested against a physical Marlin-compatible 3D printer. That means the project does not only simulate the happy path. It deals with real serial behavior: slow transfers, resend requests, timeouts, checksum handling, and firmware-specific quirks.
Real printer / dashboard screenshot placeholder PrinterHub is developed against real printer communication, not only simulation.
Dashboard idea
The dashboard is built around two views: the printer farm as a whole, and the selected printer workspace. From there, the operator can inspect status, manage SD-card files, start controlled jobs, review history, and diagnose what happened.
Tech stack
Java 21, Maven, SQLite, REST API, embedded dashboard, serial communication, simulation modes, Jenkins CI, and Windows/Linux runtime administration scripts.
Project direction
The goal is to move from a single USB-connected printer toward a structured local printer runtime — and later toward multi-printer or multi-site orchestration.
SpaghettiChef is a practical system integration project: hardware communication, backend runtime design, persistence, dashboard UX, job execution, diagnostics, and DevOps in one project.
Let’s present four WordPress Plugin architectures — from lightweight editor blocks, to standalone in-browser apps, to full WordPress + API systems backed by Django.
1) Block plugins (Gutenberg blocks)
Example:BeeSeen
This category focuses on new blocks for the WordPress editor. You drop them into any page like native blocks, configure a few settings (images, intensity, layout), and the effect runs on the front-end.
What the user gets: new visual blocks (motion, galleries, interactive layouts)
Where it runs: entirely in the browser (no login required)
How it’s built: modern JS + npm build → bundled assets registered as a WordPress block plugin
Why it’s nice: theme-friendly, fast, easy to reuse across pages
This category treats WordPress as the hosting shell and ships an actual front-end application inside a plugin. The WordPress page is basically the mount point; the app handles routing, UI state, and interactions.
What the user gets: an interactive “mini-app” (simulations, tools, dashboards)
Where it runs: browser-only; no login, no backend required for the core experience
How it’s built: React + npm bundling; WordPress loads the built assets and provides the container page
Why it’s nice: richer UX than classic WP pages, but still deployable as a normal plugin ZIP
Structured applications built fully inside WordPress using custom content models, settings, REST endpoints, and backend logic.
BeeDashboard is a WordPress-native dashboard system for TVs, wall displays, and browser-based kiosks. It uses WordPress to manage boards, cards, provider settings, and REST-powered scene updates. Unlike a simple block plugin, the block is only the display entry point; the product itself is a structured application built on top of WordPress..
This is the most ambitious category: WordPress is the UI layer, but the product is a real system behind it — with authentication, stored data, and server-side workflows. WordPress plugins act as the “apps”, and Django provides the API and persistence.
What the user gets: accounts, saved projects/data, and features that persist across sessions
Where data lives: a proper backend (Django + database)
How it’s built: WordPress plugin(s) for UI + Django API for auth/data + structured models and endpoints
Why it’s nice: this is how you build “real applications” while keeping WordPress as the site shell
BeeFont
A font-building workflow delivered as WordPress pages and blocks — with backend jobs, stored assets, and structured project data.
Welcome to BeeLab, my experimental platform for integrating multiple technologies into a single Dockerized environment. The project is open source: GitHub – nathabee/beelab
Interactive simulations as Gutenberg blocks — explore dynamics, emergence, and control through hands-on visual models.
This simulation runs entirely in the browser. No backend. No canvas hacks. Just rules, state, and time.
Six simulations
Click to shuffle through the demos. Replace the images with screenshots once you’re ready.
Conway’s Game of Life
A classic cellular automaton where simple rules create complex and often surprising emergent behaviour. Draw your own starting patterns and watch the system evolve over time.
Forest Fire Automaton
A stylised model of wildfire dynamics. Trees grow, lightning strikes, and fire spreads across the grid. Adjust growth and lightning probabilities to explore cycles of growth, destruction, and recovery.
Epidemic Spread (SIR)
A grid-based SIR-style model of infection spread. Each agent can be susceptible, infectious, or recovered. Tune infection probability, recovery time, and immunity to see how outbreaks start, peak, and fade.
Diffusion / Heat Map
A continuous field model for diffusion. Each cell holds a scalar “heat” value. Create hot spots, adjust diffusion and decay, and watch how the field smooths out or cools down over time.
Elementary Cellular Automata
One-dimensional rules such as Rule 30, Rule 90, and Rule 110. Start from a simple initial row and watch how a single line of cells generates rich triangular and fractal patterns over time.
Logistic Map (Growth & Chaos)
The discrete-time population model xn+1 = r·xn(1 – xn). Slide the parameter r to travel from stable equilibrium through period-doubling into chaotic behaviour, and see how a simple formula generates complex dynamics.
Three angles
Each simulation can be explored through different lenses — replace these with your “tabs” screenshots.
BeeSeen is a Gutenberg block plugin that adds a small library of premium, motion-driven image effects — built to stay fast, theme-friendly, and usable in real websites.
It’s not a heavy “gallery app”. It’s a set of focused blocks you can drop into any page: orbit, tilt, reveal, depth, accordion, shuffle… each effect is intentionally restrained, so the site feels alive without looking gimmicky.
What you get
Interactive image blocks (hover, scroll, drag)
Theme-neutral styling (your theme stays in control)
Performance-first (mostly transforms & opacity)
Accessibility-aware (prefers-reduced-motion, focusable controls where needed)
Clean editor experience: pick images, tweak a few meaningful parameters, publish
How it’s built
BeeSeen is written as a modern Gutenberg block plugin. Blocks are authored in JavaScript, bundled via an npm build, and registered the standard WordPress way. Effects are implemented with small, targeted scripts per block — no giant frameworks running on every page.
Blocks (editor + frontend)
Scoped CSS so it doesn’t fight your theme
Progressive enhancement: content remains meaningful even if motion is reduced
Try the live demos
This post is the overview. The full interactive playground (all blocks + parameters) lives on the BeeSeen demo page.
Select part of the SVG, and apply a predefined animation
to insert your animation in your web site, you just need to add it as a block
Why an animated SVG logo can improve your website
A logo is often the first visual element people connect with on a website. It represents your business, your style, and the feeling you want to leave behind. When it is used well, a small animation can make that identity feel more alive, more memorable, and more intentional.
This does not mean turning a website into a cartoon. The goal is not movement for its own sake. The goal is to use motion carefully, where it adds clarity, personality, and meaning.
Screenshots:
Settings : BeeSVG Assets
Open the Settings menu , choose the BeeSvg Assets setting
Settings : BeeSVG Tools
Open the Tools menu , choose the BeeSvg Inspector tool
The BeeSvg Inspector tool help you to assign some predifined animation to some objects of the SVG structure
Block Editor : BeeSVG Block
Open the Block Editor and use the + to insert a Block, choose the BeeSvg Assets block
Use the drop “asset slug” combo to choose one of the picture you have
Why an animated SVG logo can improve your website
A logo is often the first visual element people connect with on a website. It represents your business, your style, and the feeling you want to leave behind. When it is used well, a small animation can make that identity feel more alive, more memorable, and more intentional.
This does not mean turning a website into a cartoon. The goal is not movement for its own sake. The goal is to use motion carefully, where it adds clarity, personality, and meaning.
What an SVG logo can do better
SVG is an ideal format for logos on the web because it stays sharp at every size. It looks clean on mobile, tablet, and desktop, and it can be animated without becoming heavy or blurred like many image-based alternatives.
For a business website, this offers several concrete advantages. An SVG logo can stay crisp, adapt well to modern layouts, and support subtle animation that feels elegant rather than distracting. It is a good choice when you want your site to feel custom and carefully designed.
Sharp and clean on every screen size
Lightweight compared with video or GIF-based animation
Easy to integrate into a modern website design
Suitable for subtle, refined motion
Reusable across pages, sections, and calls to action
Why this matters for your visitors
Visitors often decide within seconds whether a site feels trustworthy, clear, and professional. Small details make a difference. A well-integrated animated logo can help a site feel more polished and more distinctive, especially when the movement supports the meaning of the brand.
It can help guide attention, reinforce a message, and give the impression that the website was designed with care rather than assembled from generic pieces.
It helps make a brand more memorable
It adds personality without overloading the page
It can draw attention to an important section or action
It supports a more modern and professional visual identity
Examples of what an animated logo can express
The meaning behind the symbol
Some logos represent an idea, not just a shape. When that idea is shown in motion, the message becomes stronger. A logo with moving parts can communicate cooperation, precision, technical work, progress, or transformation more clearly than a still image.
Here, the animation gives direct meaning to the symbol. The movement helps explain the visual concept instead of leaving it abstract.
A flexible variation of the same brand
One of the strengths of SVG is that a logo can have several versions without losing its identity. A business can use a more complete animated version in one place and a simpler variation elsewhere, while still keeping the same visual language.
This makes it possible to adapt the same logo to different sections of a website: homepage, service pages, document links, featured content blocks, or calls to action.
When this can be useful on a website
An animated SVG logo can be useful when a business wants to strengthen its identity without making the page heavy or intrusive. It works especially well when the logo has a clear symbolic meaning or when the site needs a more custom visual presence.
On a homepage hero section
Near an important link or call to action
Inside a services or presentation section
As a visual marker for downloadable content or featured information
As part of a more distinctive and memorable brand presentation
A good animated logo is not about showing off
The best result is usually subtle. A good animated logo does not shout for attention. It supports the brand, improves the visual experience, and helps a website feel more finished.
When used with care, SVG animation is not just a technical feature. It is a design tool that can make a website clearer, more expressive, and more memorable for the people who visit it.
