Remove: RecRobot Projekt aus Portfolio entfernt

- RecRobot-Projektdateien (DE/EN/SR Locales, MDX) gelöscht
- RecRobot-Bilder entfernt
- Alle Referenzen in Portfolio-Index, Experience, About und Meta bereinigt
- README.md aktualisiert

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2025-12-16 19:13:29 +01:00
co-authored by Claude Opus 4.5
parent e46774a68e
commit dd8164bdde
17 changed files with 6 additions and 542 deletions
-13
View File
@@ -9,7 +9,6 @@ Personal portfolio website showcasing my work as an **AI & Automation Specialist
**Process Automation Specialist** @ Everlast Consulting GmbH (since Dec 2024) **Process Automation Specialist** @ Everlast Consulting GmbH (since Dec 2024)
- Developing AI agents with n8n and Zapier - Developing AI agents with n8n and Zapier
- Building web scraping solutions - Building web scraping solutions
- RecroBot Voice Interview Platform
- Migration from Power Automate to n8n - Migration from Power Automate to n8n
## Tech Stack ## Tech Stack
@@ -40,18 +39,6 @@ Personal portfolio website showcasing my work as an **AI & Automation Specialist
- **Testing Library** - React component testing - **Testing Library** - React component testing
- **ESLint** - Code linting - **ESLint** - Code linting
## Featured Project: RecroBot
**AI Voice Interview Platform** - [recrobot.site](https://recrobot.site)
Production Voice-AI platform for automated HR interviews built with:
- TypeScript / Next.js 14
- Vapi Voice AI
- WebSocket for real-time communication
- Supabase (PostgreSQL)
**Demo:** Enter "AI-Manager" as position to test
## Features ## Features
- **Multi-language support** - DE/EN/SR with automatic language detection - **Multi-language support** - DE/EN/SR with automatic language detection
Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

+2 -2
View File
@@ -10,7 +10,7 @@ export const meta = {
'Damjan Savic', 'Damjan Savic',
'CoderConda', 'CoderConda',
// Voice AI & Agenten (NEU - Fokus Recrobot) // Voice AI & Agenten
'Voice AI Entwickler Deutschland', 'Voice AI Entwickler Deutschland',
'VAPI Integration Entwickler', 'VAPI Integration Entwickler',
'Voice AI Recruiting', 'Voice AI Recruiting',
@@ -32,7 +32,7 @@ export const meta = {
'RAG Entwicklung', 'RAG Entwicklung',
'OLLAMA KI Integration Entwickler', 'OLLAMA KI Integration Entwickler',
// HR-Tech & Recruiting (NEU - Recrobot) // HR-Tech & Recruiting
'Recruiting Automatisierung', 'Recruiting Automatisierung',
'HR Software Entwicklung', 'HR Software Entwicklung',
'Bewerbungsgespräch KI', 'Bewerbungsgespräch KI',
+1 -1
View File
@@ -2,7 +2,7 @@
export const about = { export const about = {
title: 'Über Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant', title: 'Über Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant',
content: 'Damjan Savić ist AI & Automation Specialist mit Fokus auf Voice AI, autonome Agenten und Prozessautomatisierung. Mit einem M.A. in Software Development und über 7 Jahren Erfahrung in der Entwicklung digitaler Lösungen verbindet er technische Expertise mit strategischem Geschäftsverständnis.\n' + content: 'Damjan Savić ist AI & Automation Specialist mit Fokus auf Voice AI, autonome Agenten und Prozessautomatisierung. Mit einem M.A. in Software Development und über 7 Jahren Erfahrung in der Entwicklung digitaler Lösungen verbindet er technische Expertise mit strategischem Geschäftsverständnis.\n' +
'Aktuell entwickelt er bei Everlast Consulting GmbH KI-Agenten mit n8n und Voice-AI-Lösungen. Sein Flagship-Projekt RecroBot (recrobot.site) ist eine produktive Voice-AI-Plattform für automatisierte HR-Interviews gebaut mit TypeScript/Next.js 14 und Vapi Voice AI.\n' + 'Aktuell entwickelt er bei Everlast Consulting GmbH KI-Agenten mit n8n und Voice-AI-Lösungen.\n' +
'Seine Spezialisierung umfasst die Integration von GPT-4 und Claude API in Produktions-Workflows, Middleware-Entwicklung für ERP-Systeme wie Apparel Magic und JTL, sowie RFID/IoT-Automatisierung mit Zebra-Hardware. Von der Systemintegration über API-Entwicklung bis zur Fullstack-Implementierung mit Python, TypeScript und React/Next.js liefert er pragmatische Lösungen für komplexe Geschäftsanforderungen.', 'Seine Spezialisierung umfasst die Integration von GPT-4 und Claude API in Produktions-Workflows, Middleware-Entwicklung für ERP-Systeme wie Apparel Magic und JTL, sowie RFID/IoT-Automatisierung mit Zebra-Hardware. Von der Systemintegration über API-Entwicklung bis zur Fullstack-Implementierung mit Python, TypeScript und React/Next.js liefert er pragmatische Lösungen für komplexe Geschäftsanforderungen.',
image: { image: {
alt: 'Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant Köln | Software Architect | Cloud Expert | KI-Spezialist' alt: 'Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant Köln | Software Architect | Cloud Expert | KI-Spezialist'
@@ -13,7 +13,6 @@ export const experience = {
highlights: [ highlights: [
'Entwicklung von KI-Agenten mit n8n und Zapier', 'Entwicklung von KI-Agenten mit n8n und Zapier',
'Aufbau von Web-Scraping-Lösungen', 'Aufbau von Web-Scraping-Lösungen',
'RecroBot Voice-Interview-Plattform',
'Migration von Power Automate zu n8n' 'Migration von Power Automate zu n8n'
] ]
}, },
-2
View File
@@ -4,7 +4,6 @@ import kamenpro from './projects/kamenpro';
import smartWarehouse from './projects/smart-warehouse'; import smartWarehouse from './projects/smart-warehouse';
import powerPlatformGovernance from './projects/power-platform-governance'; import powerPlatformGovernance from './projects/power-platform-governance';
import websiteMitKi from './projects/website-mit-ki'; import websiteMitKi from './projects/website-mit-ki';
import recrobot from './projects/recrobot';
import aiMusicProduction from './projects/ai-music-production'; import aiMusicProduction from './projects/ai-music-production';
import automatedAdCreatives from './projects/automated-ad-creatives'; import automatedAdCreatives from './projects/automated-ad-creatives';
import cursorIde from './projects/cursor-ide'; import cursorIde from './projects/cursor-ide';
@@ -64,7 +63,6 @@ export const portfolio = {
'smart-warehouse': smartWarehouse, 'smart-warehouse': smartWarehouse,
'power-platform-governance': powerPlatformGovernance, 'power-platform-governance': powerPlatformGovernance,
'website-mit-ki': websiteMitKi, 'website-mit-ki': websiteMitKi,
'recrobot': recrobot,
'ai-music-production': aiMusicProduction, 'ai-music-production': aiMusicProduction,
'automated-ad-creatives': automatedAdCreatives, 'automated-ad-creatives': automatedAdCreatives,
'cursor-ide': cursorIde, 'cursor-ide': cursorIde,
@@ -1,116 +0,0 @@
// src/i18n/locales/de/portfolio/projects/recrobot.ts
export const recrobot = {
meta: {
slug: 'recrobot',
title: "Recrobot - KI-gestütztes Recruiting Tool für automatisierte Screening-Interviews",
description: "Entwicklung eines modernen Voice AI Recruiting Tools für automatisierte Bewerbungsgespräche mit Echtzeit-Transkription und DSGVO-Konformität.",
excerpt: "KI-basiertes Recruiting Tool mit Voice AI Technologie für automatisierte Screening-Interviews. 24/7 verfügbar, DSGVO-konform, sofortige Auswertung.",
date: "2024-12",
category: "AI & Automation",
client: "Everlast Consulting",
duration: "1 Monat",
url: "https://recrobot.de",
videoUrl: "https://www.tella.tv/video/recrobot-automatisierte-bewerbungsgesprache-8kub",
repository: "",
documentation: "",
published: true,
featured: true,
technologies: ["Next.js", "React", "TypeScript", "Tailwind CSS", "shadcn/ui", "Lucide", "Zustand", "VAPI", "Claude AI", "Deepgram"],
tags: ["Voice AI", "Recruiting", "HR Tech", "Automatisierung", "Transkription"]
},
content: {
intro: "Recrobot ist ein modernes, KI-gestütztes Recruiting Tool, das erste Screening-Interviews mit Bewerbern automatisiert. Die Anwendung nutzt Voice AI Technologie, um natürliche gesprochene Interviews durchzuführen und Transkripte für das HR-Team zu erstellen.",
challenge: {
title: "Die Herausforderung",
description: "Unternehmen stehen vor großen Herausforderungen bei der Durchführung von Erstgesprächen mit Bewerbern.",
points: [
"Zeitaufwendige Terminkoordination für Screening-Interviews",
"HR-Abteilungen sind mit Routinegesprächen überlastet",
"Lange Wartezeiten für Bewerber bis zur ersten Rückmeldung",
"Inkonsistente Interviewqualität durch verschiedene Interviewer",
"Hoher administrativer Aufwand für Dokumentation"
]
},
solution: {
title: "Die Lösung",
description: "Ein KI-basiertes Voice-Interview-System mit intelligenter Gesprächsführung",
content: "Recrobot ermöglicht Bewerbern, jederzeit und überall ein Screening-Interview durchzuführen - ohne Terminkoordination. Das System führt natürliche Gespräche, stellt relevante Fragen und erstellt automatisch strukturierte Transkripte für das HR-Team.",
points: [
"24/7 Verfügbarkeit für Bewerber weltweit",
"Intelligente Gesprächsführung mit natürlicher Spracherkennung",
"Sofortige Auswertung in Minuten statt Wochen",
"Höchste Datenschutzstandards und DSGVO-Konformität",
"Live-Transkription mit Sprechersegmentierung"
]
},
technical: {
title: "Technische Umsetzung",
description: "Die Lösung basiert auf einem modernen Tech-Stack mit Voice AI Integration:",
points: [
"Next.js und React für das Frontend",
"TypeScript für typsichere Entwicklung",
"Tailwind CSS und shadcn/ui für modernes UI-Design",
"Zustand für State Management",
"VAPI für Voice AI Integration",
"Claude Sonnet 4.5 als KI-Modell für Gesprächsführung",
"Deepgram für Echtzeit-Transkription"
],
code: `// Voice AI Konfiguration
const assistant = {
name: "Recrobot",
model: "claude-sonnet-4.5",
firstMessage: "Hallo, ich bin Recrobot von Everlast Consulting...",
maxTokens: 300,
temperature: 0.5,
voice: {
provider: "sonic-3",
voice: "catia",
language: "German Conversational Woman"
},
transcription: {
provider: "deepgram"
},
speakingPlan: {
waitSeconds: 1.2,
onPunctuationSeconds: 0.1,
onNoPunctuationSeconds: 1.5,
onNumberSeconds: 0.5
}
};`
},
implementation: {
title: "Benutzerflow",
description: "Der Bewerbungsprozess wurde für maximale Benutzerfreundlichkeit optimiert:",
points: [
"Bewerber kommt auf die Landingpage",
"Ausfüllen des Formulars mit persönlichen Daten",
"Client-seitige Validierung der Eingaben",
"Erstellung der Bewerberdaten und Store-Aktualisierung",
"Start des Voice-Interviews mit Mikrofonberechtigung",
"Echtzeit-Gespräch mit Live-Transkription",
"Download des strukturierten Transkripts"
]
},
results: {
title: "Ergebnisse und Vorteile",
description: "Recrobot bietet signifikante Verbesserungen im Recruiting-Prozess:",
points: [
"Drastische Zeitersparnis für HR-Abteilungen",
"Sofortige Verfügbarkeit ohne Terminkoordination",
"Konsistente Interviewqualität durch standardisierte Fragen",
"Strukturierte Transkripte mit Sprechersegmentierung",
"DSGVO-konforme Datenverarbeitung",
"Skalierbare Lösung für beliebig viele Bewerber"
]
},
conclusion: "Recrobot revolutioniert den Recruiting-Prozess durch die Kombination von Voice AI und intelligenter Gesprächsführung. Die Lösung ermöglicht es Unternehmen, ihre HR-Abteilungen zu entlasten und Bewerbern einen modernen, flexiblen Bewerbungsprozess zu bieten. Mit Echtzeit-Transkription und DSGVO-Konformität setzt Recrobot neue Maßstäbe im Bereich HR-Tech."
}
};
export default recrobot;
+1 -1
View File
@@ -14,7 +14,7 @@ export const seoContent = {
items: { items: {
voiceai: { voiceai: {
title: "Voice AI Entwicklung von Damjan Savić | VAPI, Conversational AI & Sprachassistenten", title: "Voice AI Entwicklung von Damjan Savić | VAPI, Conversational AI & Sprachassistenten",
description: "Damjan Savić entwickelt Voice AI Lösungen mit VAPI und Conversational AI. Von automatisierten Telefonassistenten bis zu Recruiting-Bots wie Recrobot - Damjan Savić implementiert sprachgesteuerte KI-Systeme für Ihr Unternehmen.", description: "Damjan Savić entwickelt Voice AI Lösungen mit VAPI und Conversational AI. Von automatisierten Telefonassistenten bis zu Recruiting-Bots - Damjan Savić implementiert sprachgesteuerte KI-Systeme für Ihr Unternehmen.",
keywords: ["Voice AI Entwickler Deutschland", "VAPI Integration", "Sprachassistent Entwicklung", "Conversational AI", "AI Voice Agent", "Recruiting Bot"] keywords: ["Voice AI Entwickler Deutschland", "VAPI Integration", "Sprachassistent Entwicklung", "Conversational AI", "AI Voice Agent", "Recruiting Bot"]
}, },
agents: { agents: {
+2 -2
View File
@@ -10,7 +10,7 @@ export const meta = {
'Damjan Savic', 'Damjan Savic',
'CoderConda', 'CoderConda',
// Voice AI & Agents (NEW - Recrobot Focus) // Voice AI & Agents
'Voice AI Developer', 'Voice AI Developer',
'VAPI Integration Developer', 'VAPI Integration Developer',
'Voice AI Recruiting', 'Voice AI Recruiting',
@@ -32,7 +32,7 @@ export const meta = {
'RAG Development', 'RAG Development',
'OLLAMA AI Integration', 'OLLAMA AI Integration',
// HR-Tech & Recruiting (NEW - Recrobot) // HR-Tech & Recruiting
'Recruiting Automation', 'Recruiting Automation',
'HR Software Development', 'HR Software Development',
'AI Interview Software', 'AI Interview Software',
@@ -13,7 +13,6 @@ export const experience = {
highlights: [ highlights: [
'Developing AI agents with n8n and Zapier', 'Developing AI agents with n8n and Zapier',
'Building web scraping solutions', 'Building web scraping solutions',
'RecroBot voice interview platform',
'Migration from Power Automate to n8n' 'Migration from Power Automate to n8n'
] ]
}, },
-2
View File
@@ -4,7 +4,6 @@ import kamenpro from './projects/kamenpro';
import smartWarehouse from './projects/smart-warehouse'; import smartWarehouse from './projects/smart-warehouse';
import powerPlatformGovernance from './projects/power-platform-governance'; import powerPlatformGovernance from './projects/power-platform-governance';
import websiteMitKi from './projects/website-mit-ki'; import websiteMitKi from './projects/website-mit-ki';
import recrobot from './projects/recrobot';
import aiMusicProduction from './projects/ai-music-production'; import aiMusicProduction from './projects/ai-music-production';
import automatedAdCreatives from './projects/automated-ad-creatives'; import automatedAdCreatives from './projects/automated-ad-creatives';
import cursorIde from './projects/cursor-ide'; import cursorIde from './projects/cursor-ide';
@@ -64,7 +63,6 @@ export const portfolio = {
'smart-warehouse': smartWarehouse, 'smart-warehouse': smartWarehouse,
'power-platform-governance': powerPlatformGovernance, 'power-platform-governance': powerPlatformGovernance,
'website-mit-ki': websiteMitKi, 'website-mit-ki': websiteMitKi,
'recrobot': recrobot,
'ai-music-production': aiMusicProduction, 'ai-music-production': aiMusicProduction,
'automated-ad-creatives': automatedAdCreatives, 'automated-ad-creatives': automatedAdCreatives,
'cursor-ide': cursorIde, 'cursor-ide': cursorIde,
@@ -1,116 +0,0 @@
// src/i18n/locales/en/portfolio/projects/recrobot.ts
export const recrobot = {
meta: {
slug: 'recrobot',
title: "Recrobot - AI-Powered Recruiting Tool for Automated Screening Interviews",
description: "Development of a modern Voice AI recruiting tool for automated job interviews with real-time transcription and GDPR compliance.",
excerpt: "AI-based recruiting tool with Voice AI technology for automated screening interviews. Available 24/7, GDPR compliant, instant evaluation.",
date: "2024-12",
category: "AI & Automation",
client: "Everlast Consulting",
duration: "1 month",
url: "https://recrobot.de",
videoUrl: "https://www.tella.tv/video/recrobot-automatisierte-bewerbungsgesprache-8kub",
repository: "",
documentation: "",
published: true,
featured: true,
technologies: ["Next.js", "React", "TypeScript", "Tailwind CSS", "shadcn/ui", "Lucide", "Zustand", "VAPI", "Claude AI", "Deepgram"],
tags: ["Voice AI", "Recruiting", "HR Tech", "Automation", "Transcription"]
},
content: {
intro: "Recrobot is a modern, AI-powered recruiting tool that automates initial screening interviews with applicants. The application uses Voice AI technology to conduct natural spoken interviews and create transcripts for the HR team.",
challenge: {
title: "The Challenge",
description: "Companies face significant challenges when conducting initial interviews with applicants.",
points: [
"Time-consuming scheduling coordination for screening interviews",
"HR departments overwhelmed with routine conversations",
"Long waiting times for applicants until first feedback",
"Inconsistent interview quality due to different interviewers",
"High administrative effort for documentation"
]
},
solution: {
title: "The Solution",
description: "An AI-based voice interview system with intelligent conversation management",
content: "Recrobot enables applicants to conduct a screening interview anytime, anywhere - without scheduling coordination. The system conducts natural conversations, asks relevant questions, and automatically creates structured transcripts for the HR team.",
points: [
"24/7 availability for applicants worldwide",
"Intelligent conversation management with natural speech recognition",
"Instant evaluation in minutes instead of weeks",
"Highest data protection standards and GDPR compliance",
"Live transcription with speaker segmentation"
]
},
technical: {
title: "Technical Implementation",
description: "The solution is based on a modern tech stack with Voice AI integration:",
points: [
"Next.js and React for the frontend",
"TypeScript for type-safe development",
"Tailwind CSS and shadcn/ui for modern UI design",
"Zustand for state management",
"VAPI for Voice AI integration",
"Claude Sonnet 4.5 as AI model for conversation management",
"Deepgram for real-time transcription"
],
code: `// Voice AI Configuration
const assistant = {
name: "Recrobot",
model: "claude-sonnet-4.5",
firstMessage: "Hello, I am Recrobot from Everlast Consulting...",
maxTokens: 300,
temperature: 0.5,
voice: {
provider: "sonic-3",
voice: "catia",
language: "German Conversational Woman"
},
transcription: {
provider: "deepgram"
},
speakingPlan: {
waitSeconds: 1.2,
onPunctuationSeconds: 0.1,
onNoPunctuationSeconds: 1.5,
onNumberSeconds: 0.5
}
};`
},
implementation: {
title: "User Flow",
description: "The application process was optimized for maximum user-friendliness:",
points: [
"Applicant arrives at the landing page",
"Fills out the form with personal data",
"Client-side validation of inputs",
"Creation of applicant data and store update",
"Start of voice interview with microphone permission",
"Real-time conversation with live transcription",
"Download of structured transcript"
]
},
results: {
title: "Results and Benefits",
description: "Recrobot offers significant improvements in the recruiting process:",
points: [
"Dramatic time savings for HR departments",
"Instant availability without scheduling coordination",
"Consistent interview quality through standardized questions",
"Structured transcripts with speaker segmentation",
"GDPR-compliant data processing",
"Scalable solution for any number of applicants"
]
},
conclusion: "Recrobot revolutionizes the recruiting process by combining Voice AI with intelligent conversation management. The solution enables companies to relieve their HR departments and offer applicants a modern, flexible application process. With real-time transcription and GDPR compliance, Recrobot sets new standards in HR tech."
}
};
export default recrobot;
@@ -13,7 +13,6 @@ export const experience = {
highlights: [ highlights: [
'Razvoj AI agenata sa n8n i Zapier', 'Razvoj AI agenata sa n8n i Zapier',
'Izrada web scraping rešenja', 'Izrada web scraping rešenja',
'RecroBot voice interview platforma',
'Migracija sa Power Automate na n8n' 'Migracija sa Power Automate na n8n'
] ]
}, },
-2
View File
@@ -4,7 +4,6 @@ import kamenpro from './projects/kamenpro';
import smartWarehouse from './projects/smart-warehouse'; import smartWarehouse from './projects/smart-warehouse';
import powerPlatformGovernance from './projects/power-platform-governance'; import powerPlatformGovernance from './projects/power-platform-governance';
import websiteMitKi from './projects/website-mit-ki'; import websiteMitKi from './projects/website-mit-ki';
import recrobot from './projects/recrobot';
import aiMusicProduction from './projects/ai-music-production'; import aiMusicProduction from './projects/ai-music-production';
import automatedAdCreatives from './projects/automated-ad-creatives'; import automatedAdCreatives from './projects/automated-ad-creatives';
import cursorIde from './projects/cursor-ide'; import cursorIde from './projects/cursor-ide';
@@ -64,7 +63,6 @@ export const portfolio = {
'smart-warehouse': smartWarehouse, 'smart-warehouse': smartWarehouse,
'power-platform-governance': powerPlatformGovernance, 'power-platform-governance': powerPlatformGovernance,
'website-mit-ki': websiteMitKi, 'website-mit-ki': websiteMitKi,
'recrobot': recrobot,
'ai-music-production': aiMusicProduction, 'ai-music-production': aiMusicProduction,
'automated-ad-creatives': automatedAdCreatives, 'automated-ad-creatives': automatedAdCreatives,
'cursor-ide': cursorIde, 'cursor-ide': cursorIde,
@@ -1,116 +0,0 @@
// src/i18n/locales/sr/portfolio/projects/recrobot.ts
export const recrobot = {
meta: {
slug: 'recrobot',
title: "Recrobot - AI alat za regrutovanje sa automatizovanim screening intervjuima",
description: "Razvoj modernog Voice AI alata za regrutovanje za automatizovane razgovore za posao sa transkripcijom u realnom vremenu i GDPR usklađenošću.",
excerpt: "AI alat za regrutovanje sa Voice AI tehnologijom za automatizovane screening intervjue. Dostupan 24/7, GDPR usklađen, trenutna evaluacija.",
date: "2024-12",
category: "AI & Automation",
client: "Everlast Consulting",
duration: "1 mesec",
url: "https://recrobot.de",
videoUrl: "https://www.tella.tv/video/recrobot-automatisierte-bewerbungsgesprache-8kub",
repository: "",
documentation: "",
published: true,
featured: true,
technologies: ["Next.js", "React", "TypeScript", "Tailwind CSS", "shadcn/ui", "Lucide", "Zustand", "VAPI", "Claude AI", "Deepgram"],
tags: ["Voice AI", "Regrutovanje", "HR Tech", "Automatizacija", "Transkripcija"]
},
content: {
intro: "Recrobot je moderan, AI alat za regrutovanje koji automatizuje početne screening intervjue sa kandidatima. Aplikacija koristi Voice AI tehnologiju za vođenje prirodnih govornih intervjua i kreiranje transkripata za HR tim.",
challenge: {
title: "Izazov",
description: "Kompanije se suočavaju sa značajnim izazovima prilikom vođenja početnih intervjua sa kandidatima.",
points: [
"Vremenski zahtevna koordinacija termina za screening intervjue",
"HR odeljenja preopterećena rutinskim razgovorima",
"Dugo čekanje kandidata do prvog odgovora",
"Nekonzistentan kvalitet intervjua zbog različitih intervjuera",
"Visok administrativni napor za dokumentaciju"
]
},
solution: {
title: "Rešenje",
description: "AI sistem za glasovne intervjue sa inteligentnim vođenjem razgovora",
content: "Recrobot omogućava kandidatima da obave screening intervju bilo kada i bilo gde - bez koordinacije termina. Sistem vodi prirodne razgovore, postavlja relevantna pitanja i automatski kreira strukturirane transkripte za HR tim.",
points: [
"Dostupnost 24/7 za kandidate širom sveta",
"Inteligentno vođenje razgovora sa prirodnim prepoznavanjem govora",
"Trenutna evaluacija za nekoliko minuta umesto nedelja",
"Najviši standardi zaštite podataka i GDPR usklađenost",
"Transkripcija uživo sa segmentacijom govornika"
]
},
technical: {
title: "Tehnička implementacija",
description: "Rešenje je zasnovano na modernom tech stacku sa Voice AI integracijom:",
points: [
"Next.js i React za frontend",
"TypeScript za type-safe razvoj",
"Tailwind CSS i shadcn/ui za moderan UI dizajn",
"Zustand za state management",
"VAPI za Voice AI integraciju",
"Claude Sonnet 4.5 kao AI model za vođenje razgovora",
"Deepgram za transkripciju u realnom vremenu"
],
code: `// Voice AI konfiguracija
const assistant = {
name: "Recrobot",
model: "claude-sonnet-4.5",
firstMessage: "Zdravo, ja sam Recrobot iz Everlast Consulting-a...",
maxTokens: 300,
temperature: 0.5,
voice: {
provider: "sonic-3",
voice: "catia",
language: "German Conversational Woman"
},
transcription: {
provider: "deepgram"
},
speakingPlan: {
waitSeconds: 1.2,
onPunctuationSeconds: 0.1,
onNoPunctuationSeconds: 1.5,
onNumberSeconds: 0.5
}
};`
},
implementation: {
title: "Tok korisnika",
description: "Proces prijave je optimizovan za maksimalnu jednostavnost korišćenja:",
points: [
"Kandidat dolazi na landing stranicu",
"Popunjava formular sa ličnim podacima",
"Validacija unosa na klijentskoj strani",
"Kreiranje podataka kandidata i ažuriranje store-a",
"Početak glasovnog intervjua sa dozvolom za mikrofon",
"Razgovor u realnom vremenu sa live transkripcijom",
"Preuzimanje strukturiranog transkripta"
]
},
results: {
title: "Rezultati i prednosti",
description: "Recrobot nudi značajna poboljšanja u procesu regrutovanja:",
points: [
"Dramatična ušteda vremena za HR odeljenja",
"Trenutna dostupnost bez koordinacije termina",
"Konzistentan kvalitet intervjua kroz standardizovana pitanja",
"Strukturirani transkripti sa segmentacijom govornika",
"GDPR usklađena obrada podataka",
"Skalabilno rešenje za neograničen broj kandidata"
]
},
conclusion: "Recrobot revolucionira proces regrutovanja kombinovanjem Voice AI sa inteligentnim vođenjem razgovora. Rešenje omogućava kompanijama da rasterete svoje HR odeljenja i ponude kandidatima moderan, fleksibilan proces prijave. Sa transkripcijom u realnom vremenu i GDPR usklađenošću, Recrobot postavlja nove standarde u HR tech industriji."
}
};
export default recrobot;
-9
View File
@@ -29,10 +29,6 @@ import deWebsiteMitKi from '../../i18n/locales/de/portfolio/projects/website-mit
import enWebsiteMitKi from '../../i18n/locales/en/portfolio/projects/website-mit-ki'; import enWebsiteMitKi from '../../i18n/locales/en/portfolio/projects/website-mit-ki';
import srWebsiteMitKi from '../../i18n/locales/sr/portfolio/projects/website-mit-ki'; import srWebsiteMitKi from '../../i18n/locales/sr/portfolio/projects/website-mit-ki';
import deRecrobot from '../../i18n/locales/de/portfolio/projects/recrobot';
import enRecrobot from '../../i18n/locales/en/portfolio/projects/recrobot';
import srRecrobot from '../../i18n/locales/sr/portfolio/projects/recrobot';
import deAiMusicProduction from '../../i18n/locales/de/portfolio/projects/ai-music-production'; import deAiMusicProduction from '../../i18n/locales/de/portfolio/projects/ai-music-production';
import enAiMusicProduction from '../../i18n/locales/en/portfolio/projects/ai-music-production'; import enAiMusicProduction from '../../i18n/locales/en/portfolio/projects/ai-music-production';
import srAiMusicProduction from '../../i18n/locales/sr/portfolio/projects/ai-music-production'; import srAiMusicProduction from '../../i18n/locales/sr/portfolio/projects/ai-music-production';
@@ -128,11 +124,6 @@ const projectTranslations: ProjectTranslations = {
en: enWebsiteMitKi, en: enWebsiteMitKi,
sr: srWebsiteMitKi, sr: srWebsiteMitKi,
}, },
'recrobot': {
de: deRecrobot,
en: enRecrobot,
sr: srRecrobot,
},
'ai-music-production': { 'ai-music-production': {
de: deAiMusicProduction, de: deAiMusicProduction,
en: enAiMusicProduction, en: enAiMusicProduction,
-157
View File
@@ -1,157 +0,0 @@
---
slug: "recrobot"
title: "RecroBot - AI Voice Interview Platform"
description: "KI Voice Interview-Plattform für automatisierte HR-Interviews mit Echtzeit-Sprachtranskription"
excerpt: "Produktive Voice-AI-Plattform für automatisierte HR-Interviews mit TypeScript/Next.js 14 und Vapi Voice AI."
date: "2024-12-01"
category: "AI & Automation"
coverImage: "/images/projects/recrobot/cover.jpg"
client: "Everlast Consulting GmbH"
duration: "Laufend"
url: "https://recrobot.site"
repository: ""
documentation: ""
published: true
featured: true
technologies: ["TypeScript", "Next.js 14", "Vapi Voice AI", "WebSocket", "Supabase", "Tailwind CSS"]
tags: ["Voice AI", "AI Agents", "HR Tech", "Real-time", "WebSocket"]
---
<div style={{ margin: "20px 0", padding: "20px", backgroundColor: "#3d3d3d", borderRadius: "8px" }}>
<p style={{ fontSize: "1.1rem", lineHeight: "1.6" }}>
RecroBot ist eine produktive Voice-AI-Plattform für automatisierte HR-Interviews. Was als technische Testaufgabe begann, ist jetzt ein vollständiges HR-Produkt im Einsatz.
</p>
</div>
<hr style={{ margin: "40px 0", border: "none", height: "1px", backgroundColor: "#ddd" }} />
<h2 style={{ marginBottom: "20px" }}>Live Demo</h2>
<div style={{ marginBottom: "30px", padding: "15px", backgroundColor: "#2a2a2a", borderRadius: "8px", border: "1px solid #444" }}>
<p style={{ fontSize: "1rem", lineHeight: "1.6", marginBottom: "10px" }}>
<strong>Teste die Demo:</strong> Besuche <a href="https://recrobot.site" target="_blank" rel="noopener noreferrer" style={{ color: "#60a5fa" }}>recrobot.site</a> und gib <strong>"AI-Manager"</strong> als Position an.
</p>
</div>
<h2 style={{ marginBottom: "20px" }}>Features</h2>
<div style={{ marginBottom: "30px" }}>
<ul style={{ marginLeft: "20px", fontSize: "1rem", lineHeight: "1.8" }}>
<li><strong>Echtzeit-Sprachtranskription</strong> Live-Transkription während des Interviews</li>
<li><strong>WebSocket Event-Handling</strong> Nahtlose Kommunikation zwischen Client und Server</li>
<li><strong>Gesprächszustandsverwaltung</strong> Intelligente Steuerung des Interview-Flows</li>
<li><strong>Responsive UI</strong> Optimiert für Desktop und Mobile</li>
<li><strong>Voice AI Integration</strong> Natürliche Sprachinteraktion mit Kandidaten</li>
</ul>
</div>
<h2 style={{ marginBottom: "20px" }}>Systemarchitektur</h2>
<div style={{ marginBottom: "30px" }}>
<p style={{ fontSize: "1rem", lineHeight: "1.6" }}>
Die Lösung basiert auf einer modernen Next.js 14 Architektur:
</p>
<ul style={{ marginLeft: "20px", fontSize: "1rem", lineHeight: "1.6" }}>
<li>Next.js 14 App Router mit Server Components</li>
<li>Vapi Voice AI für Sprachverarbeitung</li>
<li>WebSocket für Echtzeit-Kommunikation</li>
<li>Supabase für Datenpersistenz</li>
<li>Tailwind CSS für responsives Design</li>
</ul>
</div>
<h2 style={{ marginBottom: "20px" }}>Tech Stack</h2>
<div style={{ marginBottom: "30px" }}>
<table style={{ width: "100%", borderCollapse: "collapse" }}>
<thead>
<tr style={{ borderBottom: "1px solid #444" }}>
<th style={{ padding: "12px", textAlign: "left", color: "#ccc" }}>Kategorie</th>
<th style={{ padding: "12px", textAlign: "left", color: "#ccc" }}>Technologie</th>
</tr>
</thead>
<tbody>
<tr style={{ borderBottom: "1px solid #333" }}>
<td style={{ padding: "12px" }}>Frontend</td>
<td style={{ padding: "12px" }}>Next.js 14, TypeScript, Tailwind CSS</td>
</tr>
<tr style={{ borderBottom: "1px solid #333" }}>
<td style={{ padding: "12px" }}>Voice AI</td>
<td style={{ padding: "12px" }}>Vapi Voice AI</td>
</tr>
<tr style={{ borderBottom: "1px solid #333" }}>
<td style={{ padding: "12px" }}>Realtime</td>
<td style={{ padding: "12px" }}>WebSocket</td>
</tr>
<tr style={{ borderBottom: "1px solid #333" }}>
<td style={{ padding: "12px" }}>Database</td>
<td style={{ padding: "12px" }}>Supabase (PostgreSQL)</td>
</tr>
<tr>
<td style={{ padding: "12px" }}>Deployment</td>
<td style={{ padding: "12px" }}>Vercel</td>
</tr>
</tbody>
</table>
</div>
<h2 style={{ marginBottom: "20px" }}>Voice AI Integration</h2>
<div style={{ marginBottom: "30px" }}>
<pre style={{ backgroundColor: "#3d3d3d", padding: "20px", borderRadius: "8px", overflow: "auto" }}>
<code className="language-typescript" style={{ color: "#f8f8f2" }}>
{`// Vapi Voice AI Event Handling
const handleVapiEvents = (event: VapiEvent) => {
switch (event.type) {
case 'speech-start':
setIsListening(true);
break;
case 'transcript':
updateTranscript(event.transcript);
break;
case 'call-end':
finalizeInterview();
break;
}
};`}
</code>
</pre>
</div>
<h2 style={{ marginBottom: "20px" }}>WebSocket Kommunikation</h2>
<div style={{ marginBottom: "30px" }}>
<p style={{ fontSize: "1rem", lineHeight: "1.6" }}>
Echtzeit-Event-Handling für nahtlose Benutzererfahrung:
</p>
<ul style={{ marginLeft: "20px", fontSize: "1rem", lineHeight: "1.6" }}>
<li>Bidirektionale Kommunikation</li>
<li>Automatische Reconnection-Logik</li>
<li>Event-basierte Zustandsänderungen</li>
<li>Optimierte Latenz für Voice-Anwendungen</li>
</ul>
</div>
<h2 style={{ marginBottom: "20px" }}>Interview Flow</h2>
<div style={{ marginBottom: "30px" }}>
<p style={{ fontSize: "1rem", lineHeight: "1.6" }}>
Intelligente Gesprächssteuerung:
</p>
<ul style={{ marginLeft: "20px", fontSize: "1rem", lineHeight: "1.6" }}>
<li>Dynamische Fragenanpassung basierend auf Antworten</li>
<li>Kontextbewusstes Follow-up</li>
<li>Natürlicher Gesprächsfluss</li>
<li>Automatische Zusammenfassung</li>
</ul>
</div>
<h2 style={{ marginBottom: "20px" }}>Entstehung</h2>
<div style={{ marginBottom: "30px" }}>
<p style={{ fontSize: "1rem", lineHeight: "1.6" }}>
Das Projekt entstand ursprünglich als technische Testaufgabe für eine Bewerbung bei Everlast Consulting. Nach positivem Feedback wurde es zu einem vollständigen Produkt weiterentwickelt, das jetzt aktiv für HR-Interviews eingesetzt wird.
</p>
</div>
<h2 style={{ marginBottom: "20px" }}>Ergebnisse</h2>
<div style={{ marginBottom: "30px" }}>
<ul style={{ marginLeft: "20px", fontSize: "1rem", lineHeight: "1.6" }}>
<li>Produktive Plattform im aktiven Einsatz</li>
<li>Automatisierung von Screening-Interviews</li>
<li>Konsistente Interview-Qualität</li>
<li>Skalierbare HR-Prozesse</li>
</ul>
</div>