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:
@@ -10,7 +10,7 @@ export const meta = {
|
||||
'Damjan Savic',
|
||||
'CoderConda',
|
||||
|
||||
// Voice AI & Agenten (NEU - Fokus Recrobot)
|
||||
// Voice AI & Agenten
|
||||
'Voice AI Entwickler Deutschland',
|
||||
'VAPI Integration Entwickler',
|
||||
'Voice AI Recruiting',
|
||||
@@ -32,7 +32,7 @@ export const meta = {
|
||||
'RAG Entwicklung',
|
||||
'OLLAMA KI Integration Entwickler',
|
||||
|
||||
// HR-Tech & Recruiting (NEU - Recrobot)
|
||||
// HR-Tech & Recruiting
|
||||
'Recruiting Automatisierung',
|
||||
'HR Software Entwicklung',
|
||||
'Bewerbungsgespräch KI',
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
export const about = {
|
||||
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' +
|
||||
'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.',
|
||||
image: {
|
||||
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: [
|
||||
'Entwicklung von KI-Agenten mit n8n und Zapier',
|
||||
'Aufbau von Web-Scraping-Lösungen',
|
||||
'RecroBot Voice-Interview-Plattform',
|
||||
'Migration von Power Automate zu n8n'
|
||||
]
|
||||
},
|
||||
|
||||
@@ -4,7 +4,6 @@ import kamenpro from './projects/kamenpro';
|
||||
import smartWarehouse from './projects/smart-warehouse';
|
||||
import powerPlatformGovernance from './projects/power-platform-governance';
|
||||
import websiteMitKi from './projects/website-mit-ki';
|
||||
import recrobot from './projects/recrobot';
|
||||
import aiMusicProduction from './projects/ai-music-production';
|
||||
import automatedAdCreatives from './projects/automated-ad-creatives';
|
||||
import cursorIde from './projects/cursor-ide';
|
||||
@@ -64,7 +63,6 @@ export const portfolio = {
|
||||
'smart-warehouse': smartWarehouse,
|
||||
'power-platform-governance': powerPlatformGovernance,
|
||||
'website-mit-ki': websiteMitKi,
|
||||
'recrobot': recrobot,
|
||||
'ai-music-production': aiMusicProduction,
|
||||
'automated-ad-creatives': automatedAdCreatives,
|
||||
'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;
|
||||
@@ -14,7 +14,7 @@ export const seoContent = {
|
||||
items: {
|
||||
voiceai: {
|
||||
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"]
|
||||
},
|
||||
agents: {
|
||||
|
||||
@@ -10,7 +10,7 @@ export const meta = {
|
||||
'Damjan Savic',
|
||||
'CoderConda',
|
||||
|
||||
// Voice AI & Agents (NEW - Recrobot Focus)
|
||||
// Voice AI & Agents
|
||||
'Voice AI Developer',
|
||||
'VAPI Integration Developer',
|
||||
'Voice AI Recruiting',
|
||||
@@ -32,7 +32,7 @@ export const meta = {
|
||||
'RAG Development',
|
||||
'OLLAMA AI Integration',
|
||||
|
||||
// HR-Tech & Recruiting (NEW - Recrobot)
|
||||
// HR-Tech & Recruiting
|
||||
'Recruiting Automation',
|
||||
'HR Software Development',
|
||||
'AI Interview Software',
|
||||
|
||||
@@ -13,7 +13,6 @@ export const experience = {
|
||||
highlights: [
|
||||
'Developing AI agents with n8n and Zapier',
|
||||
'Building web scraping solutions',
|
||||
'RecroBot voice interview platform',
|
||||
'Migration from Power Automate to n8n'
|
||||
]
|
||||
},
|
||||
|
||||
@@ -4,7 +4,6 @@ import kamenpro from './projects/kamenpro';
|
||||
import smartWarehouse from './projects/smart-warehouse';
|
||||
import powerPlatformGovernance from './projects/power-platform-governance';
|
||||
import websiteMitKi from './projects/website-mit-ki';
|
||||
import recrobot from './projects/recrobot';
|
||||
import aiMusicProduction from './projects/ai-music-production';
|
||||
import automatedAdCreatives from './projects/automated-ad-creatives';
|
||||
import cursorIde from './projects/cursor-ide';
|
||||
@@ -64,7 +63,6 @@ export const portfolio = {
|
||||
'smart-warehouse': smartWarehouse,
|
||||
'power-platform-governance': powerPlatformGovernance,
|
||||
'website-mit-ki': websiteMitKi,
|
||||
'recrobot': recrobot,
|
||||
'ai-music-production': aiMusicProduction,
|
||||
'automated-ad-creatives': automatedAdCreatives,
|
||||
'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: [
|
||||
'Razvoj AI agenata sa n8n i Zapier',
|
||||
'Izrada web scraping rešenja',
|
||||
'RecroBot voice interview platforma',
|
||||
'Migracija sa Power Automate na n8n'
|
||||
]
|
||||
},
|
||||
|
||||
@@ -4,7 +4,6 @@ import kamenpro from './projects/kamenpro';
|
||||
import smartWarehouse from './projects/smart-warehouse';
|
||||
import powerPlatformGovernance from './projects/power-platform-governance';
|
||||
import websiteMitKi from './projects/website-mit-ki';
|
||||
import recrobot from './projects/recrobot';
|
||||
import aiMusicProduction from './projects/ai-music-production';
|
||||
import automatedAdCreatives from './projects/automated-ad-creatives';
|
||||
import cursorIde from './projects/cursor-ide';
|
||||
@@ -64,7 +63,6 @@ export const portfolio = {
|
||||
'smart-warehouse': smartWarehouse,
|
||||
'power-platform-governance': powerPlatformGovernance,
|
||||
'website-mit-ki': websiteMitKi,
|
||||
'recrobot': recrobot,
|
||||
'ai-music-production': aiMusicProduction,
|
||||
'automated-ad-creatives': automatedAdCreatives,
|
||||
'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;
|
||||
@@ -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 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 enAiMusicProduction from '../../i18n/locales/en/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,
|
||||
sr: srWebsiteMitKi,
|
||||
},
|
||||
'recrobot': {
|
||||
de: deRecrobot,
|
||||
en: enRecrobot,
|
||||
sr: srRecrobot,
|
||||
},
|
||||
'ai-music-production': {
|
||||
de: deAiMusicProduction,
|
||||
en: enAiMusicProduction,
|
||||
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user