Interaktive Bewerbung: @codingruo/r3ne-sch0b3r.io

Hallo! Dies ist keine gewöhnliche NPM-Bibliothek – es ist meine interaktive Bewerbung als Full-Stack Entwickler.

Statt eines traditionellen Motivationsschreibens habe ich dieses kleine, framework-unabhängige JavaScript-Package entwickelt. Es rendert ein voll funktionsfähiges Terminal-Interface, das meine Fähigkeiten, Projekte und meine Persönlichkeit auf eine Art und Weise präsentiert, die mir als Entwickler am Herzen liegt: durch Code.

---

🚀 Live-Demo

Neugierig? Probier es direkt auf meiner Portfolio-Webseite aus:

https://r3ne-sch0b3r.io

---

✨ Features

• Interaktives Terminal-Interface: Ein voll funktionsfähiges Terminal im Browser.
• Framework-unabhängig: Mit reinem TypeScript und DOM-Manipulation erstellt, lässt es sich in jedes Projekt (React, Vue, Svelte, etc.) integrieren.
• Anpassbare Befehle: Das System ist so konzipiert, dass neue Befehle einfach über ein Konfigurationsobjekt hinzugefügt werden können.
• Leichtgewichtig: Kein unnötiger Ballast, nur das Nötigste für eine saubere und performante Darstellung.

---

🛠️ Installation & Verwendung

Obwohl dies primär ein Bewerbungsprojekt ist, wurde es wie ein echtes Open-Source-Package entwickelt und ist auf NPM verfügbar.

1. Installation:

1npm install @codingruo/r3ne-sch0b3r.io
2# oder pnpm
3pnpm add @codingruo/r3ne-sch0b3r.io

2. Verwendung:

1import { useEffect, useState } from 'react'
2
3import { createInteractiveCV } from '@codingruo/r3ne-sch0b3r.io';
4import type { Terminal } from '@codingruo/r3ne-sch0b3r.io';
5import '@codingruo/r3ne-sch0b3r.io/styles.css';
6
7function App() {
8    const [terminal, setTerminal] = useState<Terminal | null>(null)
9
10    useEffect(() => {
11
12        const myCommands = {
13            'hello': {
14                description: 'Sagt Hallo',
15                output: 'Hallo Welt! Dies ist ein benutzerdefinierter Befehl.'
16            },
17        };
18
19        const terminalInstance = createInteractiveCV('terminal-container', {
20            customCommands: myCommands,
21            height: '500px',
22            width: '600px',
23        });
24        setTerminal(terminalInstance);
25    }, []);
26
27    return (
28        <>
29            <button onClick={() => terminal?.open()}>Klick</button>
30            <div id="terminal-container" />
31        </>
32    )
33}
34
35export default App
36

---

🖥️ Verfügbare Befehle in meiner Bewerbung

Befehl	Beschreibung
rene.whoami()	Eine kurze Vorstellung meiner Person und Vision.
rene.getSkills()	Listet meinen Tech-Stack auf.
rene.showProjects()	Zeigt eine Übersicht meiner Schlüsselprojekte.
rene.contact()	Gibt meine Kontaktdaten aus.
help	Zeigt diese Hilfe an.
clear	Leert den Terminal-Bildschirm.

---

👤 Autor

René Schober

• GitHub: @codingruo
• LinkedIn: @linkedIn

---

📄 Lizenz

Dieses Projekt ist unter der MIT-Lizenz lizenziert.