Portfolio Update: Recrobot hinzugefügt, Blog-Beitrag entfernt, UI verbessert
- Neues Portfolio-Projekt: Recrobot (KI-gestütztes Recruiting Tool) - Portfolio-Projekt: Website mit KI hinzugefügt - Blog-Beitrag "Automatisierte Ad Creatives" entfernt - Gradient-Overlay von Portfolio-Karten entfernt - Projekt-Ordner für Cover-Bilder erstellt - Übersetzungen für alle drei Sprachen (DE, EN, SR) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Claude Opus 4.5
@@ -1,9 +1,9 @@
|
||||
export const meta = {
|
||||
site: {
|
||||
name: 'Damjan Savić',
|
||||
title: 'Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant Köln',
|
||||
subtitle: 'Enterprise Software Development, KI-Integration & Cloud Architecture von Damjan Savić',
|
||||
description: 'Damjan Savić ist Senior Fullstack Entwickler und Digital Solutions Consultant in Köln. Spezialisiert auf Enterprise Software mit Python, React, TypeScript, Cloud-native Lösungen und KI-Integration. Damjan Savić bietet maßgeschneiderte IT-Lösungen für digitale Transformation, E-Commerce, ERP-Integration und Business Process Automation.',
|
||||
title: 'Damjan Savić | Fullstack-, IoT- & KI-Entwickler',
|
||||
subtitle: 'Skalierbare Softwarelösungen mit IoT- und KI-Integration',
|
||||
description: 'Als Fullstack-Entwickler aus Köln spezialisiert sich Damjan Savić auf die Entwicklung skalierbarer Softwarelösungen mit IoT- und KI-Integration.',
|
||||
keywords: [
|
||||
'Damjan Savić',
|
||||
'Damjan Savic',
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
// src/i18n/locales/de/pages/home/about.ts
|
||||
export const about = {
|
||||
title: 'Über Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant',
|
||||
content: 'Damjan Savić ist ein Senior Fullstack Entwickler und Digital Solutions Consultant mit über 10 Jahren Erfahrung in der Enterprise Software Development. Als Software Architect in Köln spezialisiert sich Damjan Savić auf die Entwicklung skalierbarer Cloud-native Lösungen, KI-Integration mit OLLAMA und Large Language Models sowie digitale Transformation. Damjan Savić kombiniert tiefgreifende Expertise in Python, React, TypeScript und Microservices Architecture mit einem ganzheitlichen Beratungsansatz. Von der strategischen IT-Beratung über die Implementierung von SAP/ERP-Integrationen bis zur Entwicklung maßgeschneiderter E-Commerce-Plattformen - Damjan Savić liefert innovative Lösungen für komplexe Geschäftsanforderungen. Als DevOps Engineer implementiert Damjan Savić moderne CI/CD-Pipelines und Container-Orchestrierung mit Docker und Kubernetes, um höchste Qualität und Effizienz zu gewährleisten.',
|
||||
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' +
|
||||
'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'
|
||||
}
|
||||
|
||||
@@ -7,14 +7,24 @@ export const experience = {
|
||||
},
|
||||
positions: [
|
||||
{
|
||||
role: 'Consultant Digital Solutions & Developer',
|
||||
company: 'RITTER Gesellschaft für digitale Geschäftsprozesse mbH',
|
||||
period: '08/2023 - HEUTE',
|
||||
role: 'Process Automation Specialist',
|
||||
company: 'Everlast Consulting GmbH',
|
||||
period: '12/2024 - HEUTE',
|
||||
highlights: [
|
||||
'JTL WaWi, WMS und POS Beratung & Implementierung',
|
||||
'Python-basierte Automationslösungen',
|
||||
'RFID-Systeme und GUI-Entwicklung',
|
||||
'KI & Business Intelligence'
|
||||
'Entwicklung von KI-Agenten mit n8n und Zapier',
|
||||
'Aufbau von Web-Scraping-Lösungen',
|
||||
'RecroBot Voice-Interview-Plattform',
|
||||
'Migration von Power Automate zu n8n'
|
||||
]
|
||||
},
|
||||
{
|
||||
role: 'Consultant Digital Solutions',
|
||||
company: 'Ritter Digital GmbH',
|
||||
period: '08/2023 - 11/2024',
|
||||
highlights: [
|
||||
'Backend-Services auf dedizierten Servern',
|
||||
'KI-Integration via Power Automate',
|
||||
'RFID/IoT-Lösungen mit Zebra-Hardware'
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@@ -1,11 +1,13 @@
|
||||
// src/i18n/locales/de/pages/home/hero.ts
|
||||
export const hero = {
|
||||
title: 'SENIOR FULLSTACK ENTWICKLER & DIGITAL SOLUTIONS CONSULTANT KÖLN',
|
||||
title: 'AI & AUTOMATION SPECIALIST',
|
||||
name: 'DAMJAN SAVIĆ',
|
||||
subtitle: 'ENTERPRISE SOFTWARE | KI-INTEGRATION | CLOUD ARCHITECTURE',
|
||||
cta: 'MIT DAMJAN SAVIĆ ZUSAMMENARBEITEN',
|
||||
subtitle: 'KI-AGENTEN | VOICE AI | PROZESSAUTOMATISIERUNG',
|
||||
description: 'Entwicklung von KI-Agenten und Automatisierungslösungen. Von Voice-AI-Plattformen bis zu autonomen Web-Agenten.',
|
||||
currentRole: 'Aktuell @ Everlast Consulting GmbH',
|
||||
cta: 'KONTAKT AUFNEHMEN',
|
||||
image: {
|
||||
alt: 'Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant Köln | Enterprise Software, KI & Cloud Expert'
|
||||
alt: 'Damjan Savić - AI & Automation Specialist | KI-Agenten, Voice AI & Prozessautomatisierung'
|
||||
},
|
||||
social: {
|
||||
getInTouch: 'Kontaktieren Sie Damjan Savić',
|
||||
|
||||
@@ -3,34 +3,34 @@ export const skills = {
|
||||
title: 'Fähigkeiten',
|
||||
skills: [
|
||||
{
|
||||
name: 'ERP',
|
||||
name: 'AI & LLMs',
|
||||
level: 90,
|
||||
description: 'Enterprise Resource Planning'
|
||||
description: 'GPT-4, Claude API, Vapi Voice AI'
|
||||
},
|
||||
{
|
||||
name: 'Automation',
|
||||
level: 85,
|
||||
description: 'n8n, Zapier, Power Automate'
|
||||
},
|
||||
{
|
||||
name: 'Python',
|
||||
level: 90,
|
||||
description: 'Backend, APIs, Automation'
|
||||
},
|
||||
{
|
||||
name: 'TypeScript',
|
||||
level: 85,
|
||||
description: 'React, Next.js, Node.js'
|
||||
},
|
||||
{
|
||||
name: 'Datenbank',
|
||||
level: 85,
|
||||
description: 'Datenbankentwicklung und -administration'
|
||||
description: 'PostgreSQL, Supabase, MariaDB'
|
||||
},
|
||||
{
|
||||
name: 'E-Commerce',
|
||||
level: 95,
|
||||
description: 'Online-Handel und Plattformen'
|
||||
},
|
||||
{
|
||||
name: 'Python',
|
||||
level: 80,
|
||||
description: 'Programmiersprache Python'
|
||||
},
|
||||
{
|
||||
name: 'React',
|
||||
name: 'DevOps',
|
||||
level: 75,
|
||||
description: 'Frontend-Entwicklung mit React'
|
||||
},
|
||||
{
|
||||
name: 'Server',
|
||||
level: 70,
|
||||
description: 'Server-Administration'
|
||||
description: 'Docker, Vercel, Dedicated Servers'
|
||||
}
|
||||
],
|
||||
aria: {
|
||||
|
||||
@@ -24,6 +24,12 @@ export const portfolio = {
|
||||
},
|
||||
// Projekt-Details
|
||||
project: {
|
||||
loading: 'Projekt wird geladen...',
|
||||
backToPortfolio: 'Zurück zum Portfolio',
|
||||
notFound: {
|
||||
title: 'Projekt nicht gefunden',
|
||||
description: 'Das angeforderte Projekt konnte nicht gefunden werden.'
|
||||
},
|
||||
navigation: {
|
||||
back: 'Zurück zum Portfolio',
|
||||
projectDetails: 'PROJEKT DETAILS'
|
||||
|
||||
@@ -3,6 +3,8 @@ import aiDataReader from './projects/ai-data-reader';
|
||||
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';
|
||||
export const portfolio = {
|
||||
// Meta-Informationen für die Portfolio-Seite
|
||||
seo: {
|
||||
@@ -58,5 +60,7 @@ export const portfolio = {
|
||||
'kamenpro': kamenpro,
|
||||
'smart-warehouse': smartWarehouse,
|
||||
'power-platform-governance': powerPlatformGovernance,
|
||||
'website-mit-ki': websiteMitKi,
|
||||
'recrobot': recrobot,
|
||||
}
|
||||
};
|
||||
|
||||
@@ -0,0 +1,95 @@
|
||||
// src/i18n/locales/de/portfolio/projects/automated-ad-creatives.ts
|
||||
export const automatedAdCreatives = {
|
||||
meta: {
|
||||
slug: 'automated-ad-creatives',
|
||||
title: 'Automatisierte Ad Creatives: KI-gestützte Werbemittel-Erstellung',
|
||||
description: 'Entwicklung eines Workflows zur automatisierten Erstellung von Facebook Ad Creatives mit Claude Opus 4.5 - ohne Designsoftware, komplett im Chat',
|
||||
excerpt: 'Von der Designvorlage zum fertigen Werbemittel: Wie KI die Ad-Creative-Erstellung revolutioniert.',
|
||||
date: '2024-12',
|
||||
category: 'KI & Automatisierung',
|
||||
client: 'Eigenprojekt',
|
||||
duration: '1 Tag',
|
||||
url: '',
|
||||
repository: '',
|
||||
documentation: '',
|
||||
published: true,
|
||||
featured: true,
|
||||
technologies: ['Claude Opus 4.5', 'HTML/CSS', 'PNG Export', 'Prompt Engineering'],
|
||||
tags: ['KI', 'Automatisierung', 'Facebook Ads', 'Marketing', 'No-Code'],
|
||||
videoUrl: 'https://www.tella.tv/video/automatisierte-ad-creatives-1kyw'
|
||||
},
|
||||
content: {
|
||||
intro: 'Programme wie Illustrator, InDesign, Figma oder Canva können kompliziert sein. Dieses Projekt zeigt, wie sich Facebook Ad Creatives vollständig im KI-Chat erstellen lassen - ohne Designsoftware, ohne Programmierkenntnisse.',
|
||||
|
||||
challenge: {
|
||||
title: 'Die Herausforderung',
|
||||
description: 'Die Erstellung von Werbemitteln für Facebook-Kampagnen erfordert traditionell:',
|
||||
points: [
|
||||
'Kenntnisse in Designsoftware (Illustrator, Figma, Canva)',
|
||||
'Zeit für Einarbeitung und Umsetzung',
|
||||
'Verständnis für Formatvorgaben und Best Practices',
|
||||
'Iterationen zwischen Design und Marketing',
|
||||
'Budget für Designer oder Design-Tools'
|
||||
]
|
||||
},
|
||||
|
||||
solution: {
|
||||
title: 'Der Lösungsansatz',
|
||||
description: 'Ein KI-gestützter Workflow, der den gesamten Prozess im Chat-Fenster abbildet:',
|
||||
content: 'Der komplette Workflow findet im Chat mit Claude Opus 4.5 statt. Alternativ funktionieren auch Gemini oder ChatGPT.',
|
||||
points: [
|
||||
'Designvorlage als visuelle Referenz für die KI',
|
||||
'HTML-Generierung durch natürlichsprachliche Prompts',
|
||||
'Automatische Konvertierung zu PNG-Bilddateien',
|
||||
'Integration zusätzlicher Bilder per Drag & Drop',
|
||||
'Iterationen durch einfache Chat-Anweisungen'
|
||||
]
|
||||
},
|
||||
|
||||
technical: {
|
||||
title: 'Technische Umsetzung',
|
||||
description: 'Der Workflow im Detail:',
|
||||
points: [
|
||||
'Schritt 1: Designvorlage von Envato Elements als Referenz',
|
||||
'Schritt 2: Prompt mit Bild an Claude senden - HTML wird generiert',
|
||||
'Schritt 3: HTML zu PNG exportieren lassen',
|
||||
'Schritt 4: Zusätzliche Bilder per Drag & Drop integrieren'
|
||||
]
|
||||
},
|
||||
|
||||
tools: {
|
||||
title: 'Verwendete Tools',
|
||||
items: [
|
||||
{ name: 'Claude Opus 4.5', purpose: 'KI für HTML-Generierung und Bildexport' },
|
||||
{ name: 'Envato Elements', purpose: 'Designvorlagen als Referenz' },
|
||||
{ name: 'Unsplash', purpose: 'Kostenlose Bilder für die Creatives' }
|
||||
]
|
||||
},
|
||||
|
||||
results: {
|
||||
title: 'Vorteile des Ansatzes',
|
||||
description: 'Der KI-gestützte Workflow bietet mehrere Vorteile:',
|
||||
points: [
|
||||
'Keine Design-Skills nötig: Die KI übernimmt die technische Umsetzung',
|
||||
'Schnelle Iterationen: Änderungen in Sekunden durch Chat-Anweisungen',
|
||||
'Skalierbar: Beliebig viele Varianten für A/B-Tests',
|
||||
'Kosteneffizient: Keine teuren Design-Tools erforderlich',
|
||||
'Flexibel: Funktioniert auch mit Gemini oder ChatGPT'
|
||||
]
|
||||
},
|
||||
|
||||
useCases: {
|
||||
title: 'Einsatzszenarien',
|
||||
points: [
|
||||
'Performance-Marketing: Schnelle Creative-Tests ohne Wartezeit',
|
||||
'E-Commerce: Produktwerbung in großem Umfang',
|
||||
'Startups: Professionelle Ads ohne Design-Team',
|
||||
'Agenturen: Effiziente Kundenarbeit bei Ad-Erstellung'
|
||||
]
|
||||
},
|
||||
|
||||
conclusion: 'Der Workflow demonstriert, wie KI die Erstellung von Ad Creatives vereinfacht. Das Ergebnis ist vielleicht noch nicht auf dem Niveau eines professionellen Grafikdesigners - aber für schnelle Tests, erste Entwürfe oder Teams ohne Designressourcen ist dieser Ansatz eine echte Alternative. Die Technologie entwickelt sich rasant weiter.'
|
||||
}
|
||||
};
|
||||
|
||||
export default automatedAdCreatives;
|
||||
@@ -0,0 +1,116 @@
|
||||
// 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;
|
||||
@@ -0,0 +1,80 @@
|
||||
// src/i18n/locales/de/portfolio/projects/website-mit-ki.ts
|
||||
export const websiteMitKi = {
|
||||
meta: {
|
||||
slug: 'website-mit-ki',
|
||||
title: 'Eigene Website mit KI bauen: Von Null zur fertigen Seite',
|
||||
description: 'Schritt-für-Schritt Anleitung zum Aufbau einer professionellen Website mit Claude Code - DSGVO-konform, mehrsprachig, mit Portfolio und Blog',
|
||||
excerpt: 'Wie du in unter einer Stunde eine komplette Website erstellst - ohne eine einzige Zeile Code selbst zu schreiben.',
|
||||
date: '2024-12',
|
||||
category: 'KI & Automatisierung',
|
||||
client: 'Eigenprojekt',
|
||||
duration: '30 Minuten',
|
||||
url: '',
|
||||
repository: '',
|
||||
documentation: '',
|
||||
published: true,
|
||||
featured: true,
|
||||
technologies: ['Claude Code', 'React', 'TypeScript', 'Vercel', 'GitHub', 'Vite'],
|
||||
tags: ['KI', 'Website', 'No-Code', 'Tutorial', 'Claude Code', 'Vercel'],
|
||||
videoUrl: 'https://www.tella.tv/video/baue-deine-website-noch-heute-mit-ki-8f7v'
|
||||
},
|
||||
content: {
|
||||
intro: 'Eine professionelle Website ohne Programmierkenntnisse? Mit KI ist das heute möglich. Dieses Tutorial zeigt den kompletten Prozess - von der leeren Projektmappe zur fertigen, gehosteten Website.',
|
||||
|
||||
challenge: {
|
||||
title: 'Die Herausforderung',
|
||||
description: 'Der traditionelle Weg zur eigenen Website ist oft kompliziert und teuer:',
|
||||
points: [
|
||||
'Baukastensysteme wie Wix, WordPress oder Webflow verursachen monatliche Kosten',
|
||||
'Eigene Entwicklung erfordert Programmierkenntnisse',
|
||||
'Designer und Entwickler sind teuer',
|
||||
'DSGVO-Konformität und SEO-Optimierung sind komplex',
|
||||
'Mehrsprachigkeit und responsive Design erfordern zusätzlichen Aufwand'
|
||||
]
|
||||
},
|
||||
|
||||
solution: {
|
||||
title: 'Der Lösungsansatz',
|
||||
description: 'Mit KI lässt sich eine komplette Website in unter einer Stunde aufbauen:',
|
||||
content: 'Der komplette Workflow nutzt Claude Code für die autonome Entwicklung, GitHub für die Versionierung und Vercel für kostenloses Hosting.',
|
||||
points: [
|
||||
'DSGVO-konforme Implementierung mit Cookie-Banner',
|
||||
'Mehrsprachigkeit (Deutsch, Englisch, weitere möglich)',
|
||||
'Portfolio-Seite mit interaktiven Projekten',
|
||||
'Blog-Funktionalität für Blogposts',
|
||||
'SEO-Optimierung für bessere Google-Rankings',
|
||||
'Kontaktformular für potenzielle Kunden'
|
||||
]
|
||||
},
|
||||
|
||||
technical: {
|
||||
title: 'Der Workflow',
|
||||
description: 'So funktioniert der Prozess Schritt für Schritt:',
|
||||
points: [
|
||||
'Schritt 1: GitHub-Account erstellen und Repository anlegen',
|
||||
'Schritt 2: Vercel-Account für kostenloses Hosting einrichten',
|
||||
'Schritt 3: Lokalen Projektordner mit relevanten Dokumenten vorbereiten',
|
||||
'Schritt 4: Claude Code öffnen und Prompt mit gewünschten Features eingeben',
|
||||
'Schritt 5: KI arbeitet autonom und erstellt die komplette Website',
|
||||
'Schritt 6: Projekt auf GitHub pushen und in Vercel importieren'
|
||||
]
|
||||
},
|
||||
|
||||
results: {
|
||||
title: 'Vorteile dieser Lösung',
|
||||
description: 'Die KI-gestützte Website-Entwicklung bietet mehrere Vorteile:',
|
||||
points: [
|
||||
'Keine Programmierkenntnisse erforderlich',
|
||||
'Minimale Kosten: Nur KI-Abo und optional Domain',
|
||||
'Bessere Sichtbarkeit durch SEO-Optimierung',
|
||||
'Volle Kontrolle: Code liegt auf GitHub, Hosting ist kostenlos',
|
||||
'Schnelle Änderungen per Chat-Anweisung möglich',
|
||||
'Mobile-optimiertes, responsives Design inklusive'
|
||||
]
|
||||
},
|
||||
|
||||
conclusion: 'Eine komplette, professionelle Website lässt sich heute in unter einer Stunde aufbauen - ohne eine einzige Zeile Code selbst zu schreiben. Die Kombination aus KI-Entwicklung, kostenlosem Hosting und Versionierung macht diese Lösung nicht nur für Entwickler interessant, sondern für alle, die eine professionelle Webpräsenz benötigen.'
|
||||
}
|
||||
};
|
||||
|
||||
export default websiteMitKi;
|
||||
@@ -1,8 +1,8 @@
|
||||
export const seoContent = {
|
||||
hero: {
|
||||
title: "Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant Köln",
|
||||
subtitle: "Enterprise Software Development & KI-Integration von Damjan Savić",
|
||||
description: "Damjan Savić ist Senior Fullstack Entwickler und Digital Solutions Consultant in Köln. Mit über 10 Jahren Erfahrung entwickelt Damjan Savić Enterprise Software, Cloud-native Lösungen und KI-gestützte Systeme. Spezialist für Python, React, TypeScript, OLLAMA, Microservices und digitale Transformation.",
|
||||
title: "Damjan Savić | Fullstack-, IoT- & KI-Entwickler",
|
||||
subtitle: "Skalierbare Softwarelösungen mit IoT- und KI-Integration",
|
||||
description: "Als Fullstack-Entwickler aus Köln spezialisiert sich Damjan Savić auf die Entwicklung skalierbarer Softwarelösungen mit IoT- und KI-Integration.",
|
||||
cta: {
|
||||
primary: "Projekte ansehen",
|
||||
secondary: "Kontakt aufnehmen"
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
export const meta = {
|
||||
site: {
|
||||
name: 'Damjan Savić',
|
||||
title: 'Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant | Cologne, Germany',
|
||||
subtitle: 'Enterprise Software Development, AI Integration & Cloud Architecture by Damjan Savić',
|
||||
description: 'Damjan Savić is a Senior Fullstack Developer and Digital Solutions Consultant based in Cologne, Germany. Specializing in Enterprise Software Development, Cloud-native solutions, and AI integration. Damjan Savić delivers custom solutions using Python, React, TypeScript, OLLAMA, and modern web technologies for digital transformation.',
|
||||
title: 'Damjan Savić | Fullstack, IoT & AI Developer',
|
||||
subtitle: 'Scalable Software Solutions with IoT and AI Integration',
|
||||
description: 'As a fullstack developer from Cologne, Damjan Savić specializes in building scalable software solutions with IoT and AI integration.',
|
||||
keywords: [
|
||||
'Damjan Savić',
|
||||
'Damjan Savic',
|
||||
|
||||
@@ -7,14 +7,24 @@ export const experience = {
|
||||
},
|
||||
positions: [
|
||||
{
|
||||
role: 'Consultant Digital Solutions & Developer',
|
||||
company: 'RITTER Gesellschaft für digitale Geschäftsprozesse mbH',
|
||||
period: '08/2023 - PRESENT',
|
||||
role: 'Process Automation Specialist',
|
||||
company: 'Everlast Consulting GmbH',
|
||||
period: '12/2024 - PRESENT',
|
||||
highlights: [
|
||||
'JTL WaWi, WMS and POS consulting & implementation',
|
||||
'Python-based automation solutions',
|
||||
'RFID systems and GUI development',
|
||||
'AI & Business Intelligence'
|
||||
'Developing AI agents with n8n and Zapier',
|
||||
'Building web scraping solutions',
|
||||
'RecroBot voice interview platform',
|
||||
'Migration from Power Automate to n8n'
|
||||
]
|
||||
},
|
||||
{
|
||||
role: 'Consultant Digital Solutions',
|
||||
company: 'Ritter Digital GmbH',
|
||||
period: '08/2023 - 11/2024',
|
||||
highlights: [
|
||||
'Backend services on dedicated servers',
|
||||
'AI integration via Power Automate',
|
||||
'RFID/IoT solutions with Zebra hardware'
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@@ -1,11 +1,13 @@
|
||||
// src/i18n/locales/en/pages/home/hero.ts
|
||||
export const hero = {
|
||||
title: 'SENIOR FULLSTACK DEVELOPER & DIGITAL SOLUTIONS CONSULTANT',
|
||||
title: 'AI & AUTOMATION SPECIALIST',
|
||||
name: 'DAMJAN SAVIĆ',
|
||||
subtitle: 'ENTERPRISE SOFTWARE | AI INTEGRATION | CLOUD ARCHITECTURE',
|
||||
cta: 'WORK WITH DAMJAN SAVIĆ',
|
||||
subtitle: 'AI AGENTS | VOICE AI | PROCESS AUTOMATION',
|
||||
description: 'Building AI agents and automation solutions. From voice AI platforms to autonomous web agents.',
|
||||
currentRole: 'Currently @ Everlast Consulting GmbH',
|
||||
cta: 'GET IN TOUCH',
|
||||
image: {
|
||||
alt: 'Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant | Enterprise Software Expert'
|
||||
alt: 'Damjan Savić - AI & Automation Specialist | AI Agents, Voice AI & Process Automation'
|
||||
},
|
||||
social: {
|
||||
getInTouch: 'Get in touch',
|
||||
|
||||
@@ -3,34 +3,34 @@ export const skills = {
|
||||
title: 'Skills',
|
||||
skills: [
|
||||
{
|
||||
name: 'ERP',
|
||||
name: 'AI & LLMs',
|
||||
level: 90,
|
||||
description: 'Enterprise Resource Planning'
|
||||
description: 'GPT-4, Claude API, Vapi Voice AI'
|
||||
},
|
||||
{
|
||||
name: 'Automation',
|
||||
level: 85,
|
||||
description: 'n8n, Zapier, Power Automate'
|
||||
},
|
||||
{
|
||||
name: 'Python',
|
||||
level: 90,
|
||||
description: 'Backend, APIs, Automation'
|
||||
},
|
||||
{
|
||||
name: 'TypeScript',
|
||||
level: 85,
|
||||
description: 'React, Next.js, Node.js'
|
||||
},
|
||||
{
|
||||
name: 'Database',
|
||||
level: 85,
|
||||
description: 'Database development and administration'
|
||||
description: 'PostgreSQL, Supabase, MariaDB'
|
||||
},
|
||||
{
|
||||
name: 'E-Commerce',
|
||||
level: 95,
|
||||
description: 'Online commerce and platforms'
|
||||
},
|
||||
{
|
||||
name: 'Python',
|
||||
level: 80,
|
||||
description: 'Python programming language'
|
||||
},
|
||||
{
|
||||
name: 'React',
|
||||
name: 'DevOps',
|
||||
level: 75,
|
||||
description: 'Frontend development with React'
|
||||
},
|
||||
{
|
||||
name: 'Server',
|
||||
level: 70,
|
||||
description: 'Server administration'
|
||||
description: 'Docker, Vercel, Dedicated Servers'
|
||||
}
|
||||
],
|
||||
aria: {
|
||||
|
||||
@@ -24,6 +24,12 @@ export const portfolio = {
|
||||
},
|
||||
// Project details
|
||||
project: {
|
||||
loading: 'Loading project...',
|
||||
backToPortfolio: 'Back to Portfolio',
|
||||
notFound: {
|
||||
title: 'Project not found',
|
||||
description: 'The requested project could not be found.'
|
||||
},
|
||||
navigation: {
|
||||
back: 'Back to Portfolio',
|
||||
projectDetails: 'PROJECT DETAILS'
|
||||
|
||||
@@ -3,6 +3,8 @@ import { aiDataReader } from './projects/ai-data-reader';
|
||||
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';
|
||||
export const portfolio = {
|
||||
// Meta information for the portfolio page
|
||||
seo: {
|
||||
@@ -58,5 +60,7 @@ export const portfolio = {
|
||||
'kamenpro': kamenpro,
|
||||
'smart-warehouse': smartWarehouse,
|
||||
'power-platform-governance': powerPlatformGovernance,
|
||||
'website-mit-ki': websiteMitKi,
|
||||
'recrobot': recrobot,
|
||||
}
|
||||
};
|
||||
|
||||
@@ -0,0 +1,95 @@
|
||||
// src/i18n/locales/en/portfolio/projects/automated-ad-creatives.ts
|
||||
export const automatedAdCreatives = {
|
||||
meta: {
|
||||
slug: 'automated-ad-creatives',
|
||||
title: 'Automated Ad Creatives: AI-Powered Ad Creation',
|
||||
description: 'Development of a workflow for automated creation of Facebook Ad Creatives with Claude Opus 4.5 - without design software, entirely in chat',
|
||||
excerpt: 'From design template to finished ad: How AI revolutionizes ad creative creation.',
|
||||
date: '2024-12',
|
||||
category: 'AI & Automation',
|
||||
client: 'Personal Project',
|
||||
duration: '1 Day',
|
||||
url: '',
|
||||
repository: '',
|
||||
documentation: '',
|
||||
published: true,
|
||||
featured: true,
|
||||
technologies: ['Claude Opus 4.5', 'HTML/CSS', 'PNG Export', 'Prompt Engineering'],
|
||||
tags: ['AI', 'Automation', 'Facebook Ads', 'Marketing', 'No-Code'],
|
||||
videoUrl: 'https://www.tella.tv/video/automatisierte-ad-creatives-1kyw'
|
||||
},
|
||||
content: {
|
||||
intro: 'Programs like Illustrator, InDesign, Figma, or Canva can be complicated. This project shows how Facebook Ad Creatives can be created entirely in an AI chat - without design software, without programming knowledge.',
|
||||
|
||||
challenge: {
|
||||
title: 'The Challenge',
|
||||
description: 'Creating ad assets for Facebook campaigns traditionally requires:',
|
||||
points: [
|
||||
'Knowledge of design software (Illustrator, Figma, Canva)',
|
||||
'Time for learning and implementation',
|
||||
'Understanding of format requirements and best practices',
|
||||
'Iterations between design and marketing',
|
||||
'Budget for designers or design tools'
|
||||
]
|
||||
},
|
||||
|
||||
solution: {
|
||||
title: 'The Solution',
|
||||
description: 'An AI-powered workflow that handles the entire process in a chat window:',
|
||||
content: 'The complete workflow takes place in chat with Claude Opus 4.5. Alternatively, Gemini or ChatGPT also work.',
|
||||
points: [
|
||||
'Design template as visual reference for the AI',
|
||||
'HTML generation through natural language prompts',
|
||||
'Automatic conversion to PNG image files',
|
||||
'Integration of additional images via drag & drop',
|
||||
'Iterations through simple chat instructions'
|
||||
]
|
||||
},
|
||||
|
||||
technical: {
|
||||
title: 'Technical Implementation',
|
||||
description: 'The workflow in detail:',
|
||||
points: [
|
||||
'Step 1: Design template from Envato Elements as reference',
|
||||
'Step 2: Send prompt with image to Claude - HTML is generated',
|
||||
'Step 3: Export HTML to PNG',
|
||||
'Step 4: Integrate additional images via drag & drop'
|
||||
]
|
||||
},
|
||||
|
||||
tools: {
|
||||
title: 'Tools Used',
|
||||
items: [
|
||||
{ name: 'Claude Opus 4.5', purpose: 'AI for HTML generation and image export' },
|
||||
{ name: 'Envato Elements', purpose: 'Design templates as reference' },
|
||||
{ name: 'Unsplash', purpose: 'Free images for creatives' }
|
||||
]
|
||||
},
|
||||
|
||||
results: {
|
||||
title: 'Benefits of This Approach',
|
||||
description: 'The AI-powered workflow offers several advantages:',
|
||||
points: [
|
||||
'No design skills needed: AI handles the technical implementation',
|
||||
'Fast iterations: Changes in seconds through chat instructions',
|
||||
'Scalable: Any number of variants for A/B testing',
|
||||
'Cost-effective: No expensive design tools required',
|
||||
'Flexible: Also works with Gemini or ChatGPT'
|
||||
]
|
||||
},
|
||||
|
||||
useCases: {
|
||||
title: 'Use Cases',
|
||||
points: [
|
||||
'Performance Marketing: Quick creative tests without waiting',
|
||||
'E-Commerce: Product advertising at scale',
|
||||
'Startups: Professional ads without a design team',
|
||||
'Agencies: Efficient client work for ad creation'
|
||||
]
|
||||
},
|
||||
|
||||
conclusion: 'The workflow demonstrates how AI simplifies the creation of ad creatives. The result may not yet be at the level of a professional graphic designer - but for quick tests, initial drafts, or teams without design resources, this approach is a real alternative. The technology is evolving rapidly.'
|
||||
}
|
||||
};
|
||||
|
||||
export default automatedAdCreatives;
|
||||
@@ -0,0 +1,116 @@
|
||||
// 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;
|
||||
@@ -0,0 +1,80 @@
|
||||
// src/i18n/locales/en/portfolio/projects/website-mit-ki.ts
|
||||
export const websiteMitKi = {
|
||||
meta: {
|
||||
slug: 'website-mit-ki',
|
||||
title: 'Build Your Own Website with AI: From Zero to Finished Site',
|
||||
description: 'Step-by-step guide to building a professional website with Claude Code - GDPR compliant, multilingual, with portfolio and blog',
|
||||
excerpt: 'How to create a complete website in under an hour - without writing a single line of code yourself.',
|
||||
date: '2024-12',
|
||||
category: 'AI & Automation',
|
||||
client: 'Personal Project',
|
||||
duration: '30 Minutes',
|
||||
url: '',
|
||||
repository: '',
|
||||
documentation: '',
|
||||
published: true,
|
||||
featured: true,
|
||||
technologies: ['Claude Code', 'React', 'TypeScript', 'Vercel', 'GitHub', 'Vite'],
|
||||
tags: ['AI', 'Website', 'No-Code', 'Tutorial', 'Claude Code', 'Vercel'],
|
||||
videoUrl: 'https://www.tella.tv/video/baue-deine-website-noch-heute-mit-ki-8f7v'
|
||||
},
|
||||
content: {
|
||||
intro: 'A professional website without programming knowledge? With AI, this is possible today. This tutorial shows the complete process - from an empty project folder to a finished, hosted website.',
|
||||
|
||||
challenge: {
|
||||
title: 'The Challenge',
|
||||
description: 'The traditional path to your own website is often complicated and expensive:',
|
||||
points: [
|
||||
'Website builders like Wix, WordPress or Webflow incur monthly costs',
|
||||
'Custom development requires programming skills',
|
||||
'Designers and developers are expensive',
|
||||
'GDPR compliance and SEO optimization are complex',
|
||||
'Multilingual support and responsive design require additional effort'
|
||||
]
|
||||
},
|
||||
|
||||
solution: {
|
||||
title: 'The Solution',
|
||||
description: 'With AI, a complete website can be built in under an hour:',
|
||||
content: 'The complete workflow uses Claude Code for autonomous development, GitHub for versioning, and Vercel for free hosting.',
|
||||
points: [
|
||||
'GDPR-compliant implementation with cookie banner',
|
||||
'Multilingual support (German, English, more possible)',
|
||||
'Portfolio page with interactive projects',
|
||||
'Blog functionality for blog posts',
|
||||
'SEO optimization for better Google rankings',
|
||||
'Contact form for potential clients'
|
||||
]
|
||||
},
|
||||
|
||||
technical: {
|
||||
title: 'The Workflow',
|
||||
description: 'This is how the process works step by step:',
|
||||
points: [
|
||||
'Step 1: Create GitHub account and repository',
|
||||
'Step 2: Set up Vercel account for free hosting',
|
||||
'Step 3: Prepare local project folder with relevant documents',
|
||||
'Step 4: Open Claude Code and enter prompt with desired features',
|
||||
'Step 5: AI works autonomously and creates the complete website',
|
||||
'Step 6: Push project to GitHub and import in Vercel'
|
||||
]
|
||||
},
|
||||
|
||||
results: {
|
||||
title: 'Benefits of This Solution',
|
||||
description: 'AI-powered website development offers several advantages:',
|
||||
points: [
|
||||
'No programming skills required',
|
||||
'Minimal costs: Only AI subscription and optionally domain',
|
||||
'Better visibility through SEO optimization',
|
||||
'Full control: Code is on GitHub, hosting is free',
|
||||
'Quick changes possible via chat instructions',
|
||||
'Mobile-optimized, responsive design included'
|
||||
]
|
||||
},
|
||||
|
||||
conclusion: 'A complete, professional website can be built today in under an hour - without writing a single line of code yourself. The combination of AI development, free hosting, and versioning makes this solution interesting not only for developers, but for anyone who needs a professional web presence.'
|
||||
}
|
||||
};
|
||||
|
||||
export default websiteMitKi;
|
||||
@@ -1,8 +1,8 @@
|
||||
export const seoContent = {
|
||||
hero: {
|
||||
title: "Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant",
|
||||
subtitle: "Enterprise Software Development & AI Integration by Damjan Savić",
|
||||
description: "Damjan Savić is a Senior Fullstack Developer and Digital Solutions Consultant based in Cologne, Germany. With 10+ years of experience, Damjan Savić delivers enterprise software, cloud-native solutions, and AI-powered systems using Python, React, TypeScript, OLLAMA, and modern technologies.",
|
||||
title: "Damjan Savić | Fullstack, IoT & AI Developer",
|
||||
subtitle: "Scalable Software Solutions with IoT and AI Integration",
|
||||
description: "As a fullstack developer from Cologne, Damjan Savić specializes in building scalable software solutions with IoT and AI integration.",
|
||||
cta: {
|
||||
primary: "View Projects",
|
||||
secondary: "Work with Damjan Savić"
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
export const meta = {
|
||||
site: {
|
||||
name: 'Damjan Savić | Дамјан Савић',
|
||||
title: 'Damjan Savić - Старији програмер пуног стека | Консултант за дигитална решења',
|
||||
subtitle: 'Експерт за софтвер за предузећа и облак архитектуру у Немачкој',
|
||||
description: 'Дамјан Савић - искусни старији програмер пуног стека и консултант за дигитална решења из Келна, Немачка. Специјализован за софтвер за предузећа, облак архитектуру и интеграцију вештачке интелигенције за компаније у Европи.',
|
||||
title: 'Damjan Savić | Fullstack, IoT и AI програмер',
|
||||
subtitle: 'Скалабилна софтверска решења са IoT и AI интеграцијом',
|
||||
description: 'Као fullstack програмер из Келна, Дамјан Савић се специјализује за развој скалабилних софтверских решења са IoT и AI интеграцијом.',
|
||||
keywords: [
|
||||
'Damjan Savić',
|
||||
'Дамјан Савић',
|
||||
|
||||
@@ -7,14 +7,24 @@ export const experience = {
|
||||
},
|
||||
positions: [
|
||||
{
|
||||
role: 'Consultant Digital Solutions & Developer',
|
||||
company: 'RITTER Gesellschaft für digitale Geschäftsprozesse mbH',
|
||||
period: '08/2023 - DANAS',
|
||||
role: 'Specijalist za automatizaciju procesa',
|
||||
company: 'Everlast Consulting GmbH',
|
||||
period: '12/2024 - DANAS',
|
||||
highlights: [
|
||||
'JTL WaWi, WMS i POS konsalting i implementacija',
|
||||
'Python-bazirana automatizaciona rešenja',
|
||||
'RFID sistemi i GUI razvoj',
|
||||
'AI i poslovna inteligencija'
|
||||
'Razvoj AI agenata sa n8n i Zapier',
|
||||
'Izrada web scraping rešenja',
|
||||
'RecroBot voice interview platforma',
|
||||
'Migracija sa Power Automate na n8n'
|
||||
]
|
||||
},
|
||||
{
|
||||
role: 'Consultant Digital Solutions',
|
||||
company: 'Ritter Digital GmbH',
|
||||
period: '08/2023 - 11/2024',
|
||||
highlights: [
|
||||
'Backend servisi na dedikovanim serverima',
|
||||
'AI integracija preko Power Automate',
|
||||
'RFID/IoT rešenja sa Zebra hardverom'
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@@ -1,10 +1,13 @@
|
||||
// src/i18n/locales/sr/pages/home/hero.ts
|
||||
export const hero = {
|
||||
title: 'SENIOR FULLSTACK DEVELOPER',
|
||||
title: 'AI & AUTOMATION SPECIALIST',
|
||||
name: 'DAMJAN SAVIĆ',
|
||||
subtitle: 'AI AGENTI | VOICE AI | AUTOMATIZACIJA PROCESA',
|
||||
description: 'Razvoj AI agenata i rešenja za automatizaciju. Od voice AI platformi do autonomnih web agenata.',
|
||||
currentRole: 'Trenutno @ Everlast Consulting GmbH',
|
||||
cta: 'KONTAKTIRAJTE ME',
|
||||
image: {
|
||||
alt: 'Damjan Savić (Дамјан Савић) - Старији програмер пуног стека и консултант за дигитална решења'
|
||||
alt: 'Damjan Savić (Дамјан Савић) - AI & Automation Specialist | AI Agenti, Voice AI & Automatizacija'
|
||||
},
|
||||
social: {
|
||||
getInTouch: 'Kontaktirajte me',
|
||||
|
||||
@@ -3,34 +3,34 @@ export const skills = {
|
||||
title: 'Veštine',
|
||||
skills: [
|
||||
{
|
||||
name: 'ERP',
|
||||
name: 'AI & LLMs',
|
||||
level: 90,
|
||||
description: 'Enterprise Resource Planning'
|
||||
description: 'GPT-4, Claude API, Vapi Voice AI'
|
||||
},
|
||||
{
|
||||
name: 'Automatizacija',
|
||||
level: 85,
|
||||
description: 'n8n, Zapier, Power Automate'
|
||||
},
|
||||
{
|
||||
name: 'Python',
|
||||
level: 90,
|
||||
description: 'Backend, API-ji, Automatizacija'
|
||||
},
|
||||
{
|
||||
name: 'TypeScript',
|
||||
level: 85,
|
||||
description: 'React, Next.js, Node.js'
|
||||
},
|
||||
{
|
||||
name: 'Baze podataka',
|
||||
level: 85,
|
||||
description: 'Razvoj i administracija baza podataka'
|
||||
description: 'PostgreSQL, Supabase, MariaDB'
|
||||
},
|
||||
{
|
||||
name: 'E-Commerce',
|
||||
level: 95,
|
||||
description: 'Online trgovina i platforme'
|
||||
},
|
||||
{
|
||||
name: 'Python',
|
||||
level: 80,
|
||||
description: 'Programski jezik Python'
|
||||
},
|
||||
{
|
||||
name: 'React',
|
||||
name: 'DevOps',
|
||||
level: 75,
|
||||
description: 'Frontend razvoj sa React-om'
|
||||
},
|
||||
{
|
||||
name: 'Server',
|
||||
level: 70,
|
||||
description: 'Server administracija'
|
||||
description: 'Docker, Vercel, Dedicated Servers'
|
||||
}
|
||||
],
|
||||
aria: {
|
||||
|
||||
@@ -24,6 +24,12 @@ export const portfolio = {
|
||||
},
|
||||
// Detalji projekta
|
||||
project: {
|
||||
loading: 'Učitavanje projekta...',
|
||||
backToPortfolio: 'Nazad na portfolio',
|
||||
notFound: {
|
||||
title: 'Projekat nije pronađen',
|
||||
description: 'Traženi projekat nije pronađen.'
|
||||
},
|
||||
navigation: {
|
||||
back: 'Nazad na portfolio',
|
||||
projectDetails: 'DETALJI PROJEKTA'
|
||||
|
||||
@@ -3,6 +3,8 @@ import { aiDataReader } from './projects/ai-data-reader';
|
||||
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';
|
||||
export const portfolio = {
|
||||
// Meta informacije za portfolio stranicu
|
||||
seo: {
|
||||
@@ -58,5 +60,7 @@ export const portfolio = {
|
||||
'kamenpro': kamenpro,
|
||||
'smart-warehouse': smartWarehouse,
|
||||
'power-platform-governance': powerPlatformGovernance,
|
||||
'website-mit-ki': websiteMitKi,
|
||||
'recrobot': recrobot,
|
||||
}
|
||||
};
|
||||
|
||||
@@ -0,0 +1,95 @@
|
||||
// src/i18n/locales/sr/portfolio/projects/automated-ad-creatives.ts
|
||||
export const automatedAdCreatives = {
|
||||
meta: {
|
||||
slug: 'automated-ad-creatives',
|
||||
title: 'Automatizovani Ad Kreativci: Kreiranje reklama uz pomoć VI',
|
||||
description: 'Razvoj radnog toka za automatizovano kreiranje Facebook Ad kreativaca sa Claude Opus 4.5 - bez dizajn softvera, u potpunosti u chatu',
|
||||
excerpt: 'Od dizajn šablona do gotove reklame: Kako VI revolucioniše kreiranje reklamnih kreativaca.',
|
||||
date: '2024-12',
|
||||
category: 'VI & Automatizacija',
|
||||
client: 'Lični projekat',
|
||||
duration: '1 Dan',
|
||||
url: '',
|
||||
repository: '',
|
||||
documentation: '',
|
||||
published: true,
|
||||
featured: true,
|
||||
technologies: ['Claude Opus 4.5', 'HTML/CSS', 'PNG Export', 'Prompt Engineering'],
|
||||
tags: ['VI', 'Automatizacija', 'Facebook Ads', 'Marketing', 'No-Code'],
|
||||
videoUrl: 'https://www.tella.tv/video/automatisierte-ad-creatives-1kyw'
|
||||
},
|
||||
content: {
|
||||
intro: 'Programi kao što su Illustrator, InDesign, Figma ili Canva mogu biti komplikovani. Ovaj projekat pokazuje kako se Facebook Ad kreativci mogu kreirati u potpunosti u VI chatu - bez dizajn softvera, bez znanja programiranja.',
|
||||
|
||||
challenge: {
|
||||
title: 'Izazov',
|
||||
description: 'Kreiranje reklamnih materijala za Facebook kampanje tradicionalno zahteva:',
|
||||
points: [
|
||||
'Poznavanje dizajn softvera (Illustrator, Figma, Canva)',
|
||||
'Vreme za učenje i implementaciju',
|
||||
'Razumevanje zahteva formata i najboljih praksi',
|
||||
'Iteracije između dizajna i marketinga',
|
||||
'Budžet za dizajnere ili dizajn alate'
|
||||
]
|
||||
},
|
||||
|
||||
solution: {
|
||||
title: 'Rešenje',
|
||||
description: 'VI-vođen radni tok koji obrađuje ceo proces u chat prozoru:',
|
||||
content: 'Kompletan radni tok se odvija u chatu sa Claude Opus 4.5. Alternativno, Gemini ili ChatGPT takođe rade.',
|
||||
points: [
|
||||
'Dizajn šablon kao vizuelna referenca za VI',
|
||||
'HTML generisanje kroz promptove na prirodnom jeziku',
|
||||
'Automatska konverzija u PNG slike',
|
||||
'Integracija dodatnih slika putem drag & drop',
|
||||
'Iteracije kroz jednostavne chat instrukcije'
|
||||
]
|
||||
},
|
||||
|
||||
technical: {
|
||||
title: 'Tehnička implementacija',
|
||||
description: 'Radni tok u detaljima:',
|
||||
points: [
|
||||
'Korak 1: Dizajn šablon sa Envato Elements kao referenca',
|
||||
'Korak 2: Pošalji prompt sa slikom Claude-u - HTML se generiše',
|
||||
'Korak 3: Eksportuj HTML u PNG',
|
||||
'Korak 4: Integriši dodatne slike putem drag & drop'
|
||||
]
|
||||
},
|
||||
|
||||
tools: {
|
||||
title: 'Korišćeni alati',
|
||||
items: [
|
||||
{ name: 'Claude Opus 4.5', purpose: 'VI za HTML generisanje i eksport slika' },
|
||||
{ name: 'Envato Elements', purpose: 'Dizajn šabloni kao referenca' },
|
||||
{ name: 'Unsplash', purpose: 'Besplatne slike za kreativce' }
|
||||
]
|
||||
},
|
||||
|
||||
results: {
|
||||
title: 'Prednosti ovog pristupa',
|
||||
description: 'VI-vođen radni tok nudi nekoliko prednosti:',
|
||||
points: [
|
||||
'Nisu potrebne dizajnerske veštine: VI preuzima tehničku implementaciju',
|
||||
'Brze iteracije: Promene u sekundama kroz chat instrukcije',
|
||||
'Skalabilno: Neograničen broj varijanti za A/B testiranje',
|
||||
'Isplativo: Nisu potrebni skupi dizajn alati',
|
||||
'Fleksibilno: Radi i sa Gemini ili ChatGPT'
|
||||
]
|
||||
},
|
||||
|
||||
useCases: {
|
||||
title: 'Slučajevi upotrebe',
|
||||
points: [
|
||||
'Performance Marketing: Brzi testovi kreativaca bez čekanja',
|
||||
'E-Commerce: Reklamiranje proizvoda na skali',
|
||||
'Startapi: Profesionalni oglasi bez dizajn tima',
|
||||
'Agencije: Efikasan rad sa klijentima za kreiranje reklama'
|
||||
]
|
||||
},
|
||||
|
||||
conclusion: 'Radni tok demonstrira kako VI pojednostavljuje kreiranje reklamnih kreativaca. Rezultat možda još nije na nivou profesionalnog grafičkog dizajnera - ali za brze testove, početne nacrte ili timove bez dizajn resursa, ovaj pristup je prava alternativa. Tehnologija se brzo razvija.'
|
||||
}
|
||||
};
|
||||
|
||||
export default automatedAdCreatives;
|
||||
@@ -0,0 +1,116 @@
|
||||
// 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;
|
||||
@@ -0,0 +1,80 @@
|
||||
// src/i18n/locales/sr/portfolio/projects/website-mit-ki.ts
|
||||
export const websiteMitKi = {
|
||||
meta: {
|
||||
slug: 'website-mit-ki',
|
||||
title: 'Napravi svoj sajt uz pomoć VI: Od nule do gotove stranice',
|
||||
description: 'Korak-po-korak vodič za izgradnju profesionalnog sajta sa Claude Code - usklađen sa GDPR-om, višejezičan, sa portfoliom i blogom',
|
||||
excerpt: 'Kako da napraviš kompletan sajt za manje od sat vremena - bez pisanja ijedne linije koda.',
|
||||
date: '2024-12',
|
||||
category: 'VI & Automatizacija',
|
||||
client: 'Lični projekat',
|
||||
duration: '30 Minuta',
|
||||
url: '',
|
||||
repository: '',
|
||||
documentation: '',
|
||||
published: true,
|
||||
featured: true,
|
||||
technologies: ['Claude Code', 'React', 'TypeScript', 'Vercel', 'GitHub', 'Vite'],
|
||||
tags: ['VI', 'Website', 'No-Code', 'Tutorial', 'Claude Code', 'Vercel'],
|
||||
videoUrl: 'https://www.tella.tv/video/baue-deine-website-noch-heute-mit-ki-8f7v'
|
||||
},
|
||||
content: {
|
||||
intro: 'Profesionalni sajt bez znanja programiranja? Sa VI, to je danas moguće. Ovaj tutorijal pokazuje kompletan proces - od praznog projektnog foldera do gotovog, hostovanog sajta.',
|
||||
|
||||
challenge: {
|
||||
title: 'Izazov',
|
||||
description: 'Tradicionalni put do sopstvenog sajta je često komplikovan i skup:',
|
||||
points: [
|
||||
'Web bilderi kao Wix, WordPress ili Webflow imaju mesečne troškove',
|
||||
'Sopstveni razvoj zahteva znanje programiranja',
|
||||
'Dizajneri i programeri su skupi',
|
||||
'GDPR usklađenost i SEO optimizacija su kompleksni',
|
||||
'Višejezična podrška i responsivan dizajn zahtevaju dodatni napor'
|
||||
]
|
||||
},
|
||||
|
||||
solution: {
|
||||
title: 'Rešenje',
|
||||
description: 'Sa VI, kompletan sajt se može napraviti za manje od sat vremena:',
|
||||
content: 'Kompletan radni tok koristi Claude Code za autonomni razvoj, GitHub za verzioniranje i Vercel za besplatan hosting.',
|
||||
points: [
|
||||
'GDPR-usklađena implementacija sa banerom za kolačiće',
|
||||
'Višejezična podrška (nemački, engleski, moguće i više)',
|
||||
'Portfolio stranica sa interaktivnim projektima',
|
||||
'Blog funkcionalnost za blog postove',
|
||||
'SEO optimizacija za bolje Google rangiranje',
|
||||
'Kontakt forma za potencijalne klijente'
|
||||
]
|
||||
},
|
||||
|
||||
technical: {
|
||||
title: 'Radni tok',
|
||||
description: 'Ovako proces funkcioniše korak po korak:',
|
||||
points: [
|
||||
'Korak 1: Kreiraj GitHub nalog i repozitorijum',
|
||||
'Korak 2: Podesi Vercel nalog za besplatan hosting',
|
||||
'Korak 3: Pripremi lokalni projektni folder sa relevantnim dokumentima',
|
||||
'Korak 4: Otvori Claude Code i unesi prompt sa željenim funkcijama',
|
||||
'Korak 5: VI autonomno radi i kreira kompletan sajt',
|
||||
'Korak 6: Pushuj projekat na GitHub i importuj u Vercel'
|
||||
]
|
||||
},
|
||||
|
||||
results: {
|
||||
title: 'Prednosti ovog rešenja',
|
||||
description: 'VI-vođen razvoj sajta nudi nekoliko prednosti:',
|
||||
points: [
|
||||
'Nisu potrebne veštine programiranja',
|
||||
'Minimalni troškovi: Samo VI pretplata i opciono domen',
|
||||
'Bolja vidljivost kroz SEO optimizaciju',
|
||||
'Potpuna kontrola: Kod je na GitHub-u, hosting je besplatan',
|
||||
'Brze izmene moguće kroz chat instrukcije',
|
||||
'Mobilno-optimiziran, responsivan dizajn uključen'
|
||||
]
|
||||
},
|
||||
|
||||
conclusion: 'Kompletan, profesionalni sajt može se napraviti danas za manje od sat vremena - bez pisanja ijedne linije koda. Kombinacija VI razvoja, besplatnog hostinga i verzioniranja čini ovo rešenje interesantnim ne samo za programere, već za sve kojima je potrebna profesionalna web prezentacija.'
|
||||
}
|
||||
};
|
||||
|
||||
export default websiteMitKi;
|
||||
@@ -1,13 +1,22 @@
|
||||
// src/i18n/locales/sr/seo-content.ts
|
||||
export const seoContent = {
|
||||
hero: {
|
||||
title: 'Damjan Savić | Fullstack, IoT и AI програмер',
|
||||
subtitle: 'Скалабилна софтверска решења са IoT и AI интеграцијом',
|
||||
description: 'Као fullstack програмер из Келна, Дамјан Савић се специјализује за развој скалабилних софтверских решења са IoT и AI интеграцијом.',
|
||||
cta: {
|
||||
primary: 'Погледајте пројекте',
|
||||
secondary: 'Контактирајте ме'
|
||||
}
|
||||
},
|
||||
home: {
|
||||
h1: 'Дамјан Савић - Старији програмер пуног стека и консултант за дигитална решења',
|
||||
h1: 'Damjan Savić | Fullstack, IoT и AI програмер',
|
||||
h2: [
|
||||
'Експерт за софтвер за предузећа и облак архитектуру',
|
||||
'Интеграција вештачке интелигенције за модерне компаније',
|
||||
'JTL интеграција и дигитална трансформација у Немачкој'
|
||||
'Скалабилна софтверска решења са IoT интеграцијом',
|
||||
'AI интеграција за модерне компаније',
|
||||
'Fullstack развој и дигитална трансформација'
|
||||
],
|
||||
description: 'Damjan Savić (Дамјан Савић) је искусни старији програмер пуног стека и консултант за дигитална решења из Келна, Немачка. Специјализован за софтвер за предузећа, облак архитектуру и интеграцију вештачке интелигенције за европске компаније.',
|
||||
description: 'Као fullstack програмер из Келна, Дамјан Савић се специјализује за развој скалабилних софтверских решења са IoT и AI интеграцијом.',
|
||||
structuredData: {
|
||||
personName: 'Damjan Savić',
|
||||
personNameCyrillic: 'Дамјан Савић',
|
||||
|
||||
Reference in New Issue
Block a user