$ open 3d-printing-diary
3D-Druck-Tagebuch
Jan. 2026 — Jan. 2026
Ein interaktives Tagebuch für 3D-Druck-Projekte mit automatisiertem Scraping von MakerWorld-Daten.
## Überblick
Das 3D-Druck-Tagebuch ist eine Webanwendung, die es ermöglicht, 3D-Druck-Projekte effizient zu dokumentieren und zu verwalten. Ein zentrales Feature ist die Automatisierung der Datenerfassung: Durch die Eingabe einer MakerWorld-URL werden automatisch alle relevanten Informationen wie Modellbild, Titel, Druckzeit und Filamentverbrauch extrahiert.
Das Projekt verbindet ein modernes Frontend mit einem selbst gehosteten Backend auf einem Raspberry Pi, um volle Kontrolle über die Daten und Scraping-Prozesse zu behalten.
### Live Demo
Du kannst die Anwendung gerne mit dem Demo-Account ausprobieren:
E-Mail: demo@mail.de · Passwort: 123456
### Kernfunktionen
- ▸Automatisches Scraping: Modellbilder & Titel, Druckzeiten, Filament-Gewichte & Farben
- ▸Projekt-Verwaltung: Speicherung und Organisation durchgeführter Drucke
- ▸Responsive UI: Optimiert für Desktop und Mobile Nutzung
## Backend + Hosting
Das Backend ist eine Node.js-Anwendung, die für den Betrieb auf einem Raspberry Pi optimiert ist.
### Technologie-Stack
- ▸Node.js & Express: Leichter API-Server
- ▸Puppeteer & Cheerio: Hybrides Scraping für maximale Effizienz – statische Inhalte mit Cheerio, dynamische Inhalte mit Puppeteer
- ▸PM2: Process Manager für dauerhaften Betrieb und automatischen Neustart bei Abstürzen
### Hosting & Tunneling
Der Server läuft lokal auf einem Raspberry Pi im Heimnetzwerk. ngrok leitet Anfragen sicher an den lokalen Port 3001 weiter. Der Zugriff ist durch einen Authorization Bearer-Token gesichert.
### Hardware-Optimierung
Das Backend erkennt automatisch, ob es auf Linux/ARM (Raspberry Pi) läuft, und nutzt die installierte Chromium-Instanz (/usr/bin/chromium-browser), um die Performance zu optimieren und Ressourcen zu schonen (headless, no-sandbox, disable-gpu).
## Frontend
Das Frontend ist ein modernes Dashboard, entwickelt mit Next.js (App Router).
### Tech Stack
- ▸Framework: Next.js (App Router)
- ▸Styling: Tailwind CSS
- ▸Komponenten: Radix UI & Lucide React Icons
- ▸Daten-Fetching: Integration der eigenen Backend-API
### Features
- ▸Schnelle Dateneingabe: URL-Paste genügt
- ▸Mobile First: Volle Funktionalität auch am Smartphone
- ▸Geschützte API: Token-basierte Kommunikation mit dem Backend
## Einblicke
