← Powrót do projektów

SCUBE

Aktywny

Strona marketingowa i wewnętrzny dashboard do zarządzania drukarkami 3D dla marki edukacyjnych klocków. Motyw WordPress z animacjami GSAP, plus aplikacja Vue 3 SPA do monitoringu drukarek Bambu Lab, magazynu filamentów i śledzenia zamówień.

Rok2025
KategoriaWordPress
Moja rolaFull-Stack + WordPress
KlientCALM group sp. z o.o.
Zakres
Custom ThemeVue 3 DashboardREST API3D Printer IntegrationInventory Management
https://scube.pl
SCUBE
WordPress
Vue 3
TypeScript
Tailwind CSS
PHP
Three.js
GSAP
MQTT
REST API
ACF Pro
01

Wyzwanie

SCUBE potrzebowało dwóch rzeczy: strony marketingowej dla marki edukacyjnych klocków (skierowanej do rodziców i organizatorów warsztatów) oraz wewnętrznego dashboardu do zarządzania flotą drukarek 3D Bambu Lab — monitoringu wydruków, śledzenia magazynu filamentów i obsługi zamówień.

02

Podejście

Hybrydowy system WordPress + Vue 3. Publiczna strona to własny motyw WordPress z ACF Pro, animacjami GSAP i karuzelami Swiper — z funkcjami takimi jak rezerwacja warsztatów i przeglądarka 3D produktów planowanymi na kolejne etapy. Wewnętrzny dashboard to Vue 3 SPA (TypeScript, Tailwind CSS) połączony z WordPress REST API z integracją Bambu Lab w czasie rzeczywistym przez Cloud API i MQTT.

03

Rezultat

Platforma dwuczęściowa: dopracowana strona marketingowa z animacjami scroll oraz wewnętrzny dashboard używany codziennie przez zespół. Dashboard odczytuje dane z drukarek w czasie rzeczywistym, zarządza magazynem filamentów, śledzi zamówienia i loguje produkcję.

Podoba Ci się to podejście?Porozmawiajmy o Twoim projekcie →

Co dostarczyłem

Strona marketingowa

Strona WordPress z animacjami GSAP i karuzelami Swiper. Rezerwacja warsztatów i przeglądarka 3D produktów planowane na kolejne etapy.

Dashboard drukarek 3D

Vue 3 SPA do monitoringu drukarek Bambu Lab, magazynu filamentów, śledzenia zamówień i logowania produkcji.

Integracja Bambu Lab

Dane z drukarek w czasie rzeczywistym przez Cloud API i MQTT, z REST API zasilającym dashboard.

Budowa z AI

Narzędzia AI wykorzystane w całym procesie — od generowania kodu po testy i dokumentację.