feat: Add professional portfolio images and Hero redesign

- Add 15 optimized WebP images for portfolio (21-53KB each)
- Redesign Hero section with full-width background image
- Add SSR support for Hero component
- Update About section with new portrait image
- Update Contact page with professional headshot
- Add images to Services/Leistungen page
- Add image optimization script (sharp)
- Update translations for gallery section

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-19 23:33:28 +01:00
co-authored by Claude Opus 4.5
parent b1ec7b4d61
commit 87c7ebc5e3
75 changed files with 10271 additions and 1314 deletions
+214 -71
View File
@@ -1,15 +1,15 @@
{
"meta": {
"site": {
"name": "Damjan Savic",
"title": "Damjan Savic | Fullstack-, IoT- & KI-Entwickler",
"subtitle": "Skalierbare Softwareloesungen mit IoT- und KI-Integration",
"description": "Als Fullstack-Entwickler aus Koeln spezialisiert sich Damjan Savic auf die Entwicklung skalierbarer Softwareloesungen mit IoT- und KI-Integration."
"name": "Damjan Savić",
"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."
},
"author": {
"name": "Damjan Savic",
"name": "Damjan Savić",
"role": "Senior Fullstack Developer & Digital Solutions Consultant",
"location": "Koeln, Deutschland",
"location": "Köln, Deutschland",
"email": "info@damjan-savic.com"
},
"social": {
@@ -19,11 +19,11 @@
}
},
"common": {
"siteTitle": "Damjan Savic - Digital Solutions & JTL Integration",
"siteDescription": "Entwickler individueller Loesungen zur Automatisierung von Prozessen",
"siteTitle": "Damjan Savić - Digital Solutions & JTL Integration",
"siteDescription": "Entwickler individueller Lösungen zur Automatisierung von Prozessen",
"nav": {
"home": "Start",
"about": "Ueber mich",
"about": "Über mich",
"services": "Leistungen",
"portfolio": "Portfolio",
"blog": "Blog",
@@ -33,32 +33,33 @@
"readMore": "Weiterlesen",
"viewMore": "Mehr anzeigen",
"viewAll": "Alle anzeigen",
"back": "Zurueck",
"close": "Schliessen",
"back": "Zurück",
"close": "Schließen",
"submit": "Absenden",
"loading": "Laedt..."
"loading": "Lädt..."
},
"errors": {
"generic": "Ein Fehler ist aufgetreten",
"notFound": "Seite nicht gefunden",
"loading": "Fehler beim Laden",
"return": "Zurueck zur Startseite"
"return": "Zurück zur Startseite"
},
"cookies": {
"message": "Diese Website verwendet Cookies, um Ihr Browsing-Erlebnis zu verbessern. Die Daten werden nicht an Dritte weitergegeben.",
"accept": "Cookies akzeptieren",
"decline": "Ablehnen",
"necessary": "Notwendige Cookies",
"necessaryDesc": "Fuer grundlegende Funktionen der Website",
"necessaryDesc": "Für grundlegende Funktionen der Website",
"analytics": "Analyse-Cookies",
"analyticsDesc": "Fuer Analysen zur Verbesserung der Website",
"analyticsDesc": "Für Analysen zur Verbesserung der Website",
"learnMore": "Mehr erfahren"
}
},
"navigation": {
"main": {
"home": "Startseite",
"about": "Ueber mich",
"about": "Über mich",
"services": "Leistungen",
"portfolio": "Portfolio",
"blog": "Blog",
"contact": "Kontakt"
@@ -76,9 +77,9 @@
}
},
"mobile": {
"menu": "Menue",
"close": "Schliessen",
"open": "Menue oeffnen"
"menu": "Menü",
"close": "Schließen",
"open": "Menü öffnen"
}
},
"footer": {
@@ -86,14 +87,14 @@
"contact": {
"title": "Kontakt",
"email": "info@damjan-savic.com",
"location": "Koeln, Deutschland"
"location": "Köln, Deutschland"
},
"navigation": {
"title": "Navigation",
"links": {
"portfolio": "Portfolio",
"blog": "Blog",
"about": "Ueber mich",
"about": "Über mich",
"contact": "Kontakt"
}
},
@@ -113,22 +114,26 @@
"pages": {
"home": {
"hero": {
"title": "AI & AUTOMATION SPECIALIST",
"title": "FULLSTACK DEVELOPER",
"name": "DAMJAN SAVIC",
"subtitle": "KI-AGENTEN | VOICE AI | PROZESSAUTOMATISIERUNG",
"description": "Entwicklung von KI-Agenten und Automatisierungsloesungen. Von Voice-AI-Plattformen bis zu autonomen Web-Agenten.",
"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",
"navigation": {
"experience": "ERFAHRUNG",
"skills": "FAEHIGKEITEN",
"skills": "FÄHIGKEITEN",
"projects": "PROJEKTE",
"about": "UEBER MICH"
"about": "ÜBER MICH"
}
},
"gallery": {
"title": "Einblicke",
"description": "Professionelle Momente aus meinem Arbeitsalltag"
},
"about": {
"title": "Ueber Damjan Savic - Senior Fullstack Entwickler & Digital Solutions Consultant",
"content": "Damjan Savic ist AI & Automation Specialist mit Fokus auf Voice AI, autonome Agenten und Prozessautomatisierung. Mit einem M.A. in Software Development und ueber 7 Jahren Erfahrung in der Entwicklung digitaler Loesungen verbindet er technische Expertise mit strategischem Geschaeftsverstaendnis.",
"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.",
"buttons": {
"learnMore": "Mehr erfahren",
"downloadCV": "CV herunterladen"
@@ -143,7 +148,7 @@
"period": "12/2024 - HEUTE",
"highlights": [
"Entwicklung von KI-Agenten mit n8n und Zapier",
"Aufbau von Web-Scraping-Loesungen",
"Aufbau von Web-Scraping-Lösungen",
"Migration von Power Automate zu n8n"
]
},
@@ -154,7 +159,7 @@
"highlights": [
"Backend-Services auf dedizierten Servern",
"KI-Integration via Power Automate",
"RFID/IoT-Loesungen mit Zebra-Hardware"
"RFID/IoT-Lösungen mit Zebra-Hardware"
]
},
{
@@ -164,14 +169,13 @@
"highlights": [
"ApparelMagic & TradeByte Integration",
"MariaDB Middleware-Entwicklung",
"Windows Server Administration",
"Shopify-Optimierung"
]
}
]
},
"skills": {
"title": "Faehigkeiten",
"title": "Fähigkeiten",
"skills": [
{
"name": "AI & LLMs",
@@ -212,27 +216,158 @@
},
"about": {
"seo": {
"title": "Ueber Mich - Damjan Savic | Fullstack Entwickler & KI-Spezialist",
"description": "Erfahren Sie mehr ueber Damjan Savic - AI & Automation Specialist mit Fokus auf Voice AI, autonome Agenten und Prozessautomatisierung aus Koeln."
"title": "Über Mich - Damjan Savić | Fullstack Entwickler & KI-Spezialist",
"description": "Erfahren Sie mehr über Damjan Savić - AI & Automation Specialist mit Fokus auf Voice AI, autonome Agenten und Prozessautomatisierung aus Köln."
},
"hero": {
"aboutMe": "FULLSTACK ENTWICKLER KOELN - DAMJAN SAVIC",
"title": "Python Entwickler Koeln & React Developer - Damjan Savic",
"description": "Als Fullstack Entwickler Koeln ist Damjan Savic Ihr Freelance Developer fuer Python Automatisierung und React Entwicklung."
"aboutMe": "Über mich",
"title": "FULLSTACK ENTWICKLER KÖLN",
"description": "Als AI & Automation Specialist mit über 7 Jahren Erfahrung entwickle ich skalierbare Lösungen für komplexe Geschäftsprozesse. Mein Fokus liegt auf Voice AI, autonomen Agenten und Prozessautomatisierung.",
"expertise": {
"processAutomation": {
"title": "Prozessautomatisierung",
"description": "Automatisierung komplexer Geschäftsprozesse mit n8n, Zapier und Python"
},
"systemIntegration": {
"title": "System-Integration",
"description": "Nahtlose Integration von ERP, CRM und E-Commerce Systemen"
},
"customDevelopment": {
"title": "Individuelle Entwicklung",
"description": "Maßgeschneiderte Softwarelösungen mit Python, TypeScript und React"
}
},
"languages": {
"python": "Python",
"typescript": "TypeScript",
"react": "React",
"nextjs": "Next.js",
"nodejs": "Node.js",
"sql": "SQL"
}
},
"skills": {
"title": "Fähigkeiten & Expertise",
"description": "Meine technischen Fähigkeiten und Kompetenzen, die ich in über 7 Jahren Berufserfahrung erworben habe.",
"skillGroups": [
{
"category": "Backend & Automation",
"items": [
{ "name": "Python", "level": 90 },
{ "name": "n8n / Zapier", "level": 85 },
{ "name": "Node.js", "level": 80 },
{ "name": "FastAPI", "level": 85 }
]
},
{
"category": "Frontend",
"items": [
{ "name": "React", "level": 85 },
{ "name": "TypeScript", "level": 85 },
{ "name": "Next.js", "level": 80 },
{ "name": "Tailwind CSS", "level": 90 }
]
},
{
"category": "Datenbanken & Cloud",
"items": [
{ "name": "PostgreSQL", "level": 85 },
{ "name": "Supabase", "level": 80 },
{ "name": "Docker", "level": 75 },
{ "name": "Azure", "level": 70 }
]
}
]
},
"workflow": {
"title": "Mein Arbeitsablauf",
"description": "Strukturierter Prozess von der Anforderungsanalyse bis zur erfolgreichen Implementierung.",
"steps": [
{ "number": "01", "title": "Anforderungsanalyse & Beratung" },
{ "number": "02", "title": "Technische Konzeption & Architektur" },
{ "number": "03", "title": "Agile Entwicklung & Testing" },
{ "number": "04", "title": "Deployment & Integration" },
{ "number": "05", "title": "Monitoring & Optimierung" },
{ "number": "06", "title": "Support & Wartung" }
]
},
"journey": {
"title": "Mein Werdegang",
"subtitle": "Ausbildung, Sprachen und berufliche Erfahrung",
"education": {
"title": "Ausbildung",
"degrees": {
"masters": {
"degree": "M.A. Software Development",
"university": "FOM Hochschule für Ökonomie & Management",
"period": "2021 - 2023"
},
"bachelors": {
"degree": "B.Sc. Wirtschaftsinformatik",
"university": "FOM Hochschule für Ökonomie & Management",
"period": "2017 - 2021"
}
}
},
"languages": {
"title": "Sprachen",
"items": {
"german": { "name": "Deutsch", "level": "Muttersprache" },
"english": { "name": "Englisch", "level": "Fließend (C1)" },
"serbian": { "name": "Serbisch", "level": "Muttersprache" }
}
},
"work": {
"positions": [
{
"title": "Process Automation Specialist",
"period": "12/2024 - Heute",
"company": "Everlast Consulting GmbH",
"location": "Köln",
"highlights": [
"Entwicklung von KI-Agenten mit n8n und Zapier",
"Aufbau von Web-Scraping-Lösungen",
"Migration von Power Automate zu n8n"
]
},
{
"title": "Consultant Digital Solutions",
"period": "08/2023 - 11/2024",
"company": "Ritter Digital GmbH",
"location": "Köln",
"highlights": [
"Backend-Services auf dedizierten Servern",
"KI-Integration via Power Automate",
"RFID/IoT-Lösungen mit Zebra-Hardware"
]
},
{
"title": "ERP-Integrationsspezialist",
"period": "01/2023 - 08/2023",
"company": "Joyce & Girls",
"location": "Köln",
"highlights": [
"ApparelMagic & TradeByte Integration",
"MariaDB Middleware-Entwicklung",
"Shopify-Optimierung"
]
}
]
}
}
},
"contact": {
"breadcrumb": "KONTAKT",
"hero": {
"title": "Lassen Sie uns zusammenarbeiten",
"subtitle": "Sie haben ein Projekt im Sinn? Lassen Sie uns besprechen, wie wir Ihnen bei der Erreichung Ihrer Ziele helfen koennen."
"subtitle": "Sie haben ein Projekt im Sinn? Lassen Sie uns besprechen, wie wir Ihnen bei der Erreichung Ihrer Ziele helfen können."
},
"contactInfo": {
"title": "Kontaktinformationen",
"description": "Sie koennen mich ueber folgende Wege erreichen",
"description": "Sie können mich über folgende Wege erreichen",
"address": {
"label": "Buerostandort",
"value": "Rotdornallee, Koeln"
"label": "Bürostandort",
"value": "Rotdornallee, Köln"
},
"phone": {
"label": "Telefon",
@@ -241,14 +376,15 @@
"email": {
"label": "E-Mail",
"value": "info@damjan-savic.com"
}
},
"availabilityNote": "Ich antworte in der Regel innerhalb von 24 Stunden."
},
"contactForm": {
"title": "Kontaktieren Sie mich",
"description": "Haben Sie Fragen oder moechten Sie zusammenarbeiten? Schreiben Sie mir eine Nachricht.",
"description": "Haben Sie Fragen oder möchten Sie zusammenarbeiten? Schreiben Sie mir eine Nachricht.",
"name": {
"label": "Name",
"placeholder": "Ihr vollstaendiger Name"
"placeholder": "Ihr vollständiger Name"
},
"email": {
"label": "E-Mail",
@@ -259,44 +395,44 @@
"placeholder": "Ihre Nachricht an mich..."
},
"submit": "Nachricht senden",
"successMessage": "Vielen Dank fuer Ihre Nachricht! Ich werde mich so schnell wie moeglich bei Ihnen melden.",
"successMessage": "Vielen Dank für Ihre Nachricht! Ich werde mich so schnell wie möglich bei Ihnen melden.",
"errorMessage": "Entschuldigung, beim Senden Ihrer Nachricht ist ein Fehler aufgetreten."
}
},
"privacy": {
"seo": {
"title": "Datenschutzerklaerung",
"description": "Datenschutzerklaerung fuer die Portfolio-Website von Damjan Savic"
"title": "Datenschutzerklärung",
"description": "Datenschutzerklärung für die Portfolio-Website von Damjan Savić"
},
"content": {
"title": "Datenschutzerklaerung",
"lastUpdated": "Zuletzt aktualisiert: 10. Maerz 2024"
"title": "Datenschutzerklärung",
"lastUpdated": "Zuletzt aktualisiert: 10. März 2024"
}
},
"terms": {
"seo": {
"title": "Allgemeine Geschaeftsbedingungen",
"description": "Allgemeine Geschaeftsbedingungen fuer die Portfolio-Website von Damjan Savic"
"title": "Allgemeine Geschäftsbedingungen",
"description": "Allgemeine Geschäftsbedingungen für die Portfolio-Website von Damjan Savić"
},
"content": {
"title": "Allgemeine Geschaeftsbedingungen",
"lastUpdated": "Zuletzt aktualisiert: 10. Maerz 2024"
"title": "Allgemeine Geschäftsbedingungen",
"lastUpdated": "Zuletzt aktualisiert: 10. März 2024"
}
},
"notfound": {
"title": "Seite nicht gefunden",
"description": "Die angeforderte Seite existiert nicht oder wurde verschoben.",
"backHome": "Zurueck zur Startseite"
"backHome": "Zurück zur Startseite"
}
},
"portfolio": {
"seo": {
"title": "Portfolio - Fullstack Entwickler Koeln Damjan Savic | Python & React Projekte",
"description": "Portfolio von Freelance Developer Koeln Damjan Savic: Python Automatisierung, OLLAMA KI Integration, ERP System Integration, E-Commerce Entwicklung."
"title": "Portfolio - Fullstack Entwickler Köln Damjan Savić | Python & React Projekte",
"description": "Portfolio von Freelance Developer Köln Damjan Savić: Python Automatisierung, OLLAMA KI Integration, ERP System Integration, E-Commerce Entwicklung."
},
"sections": {
"title": "Software Entwickler Koeln - Portfolio Damjan Savic",
"subtitle": "Python Entwickler Koeln & React Developer - Erfolgreiche Projekte"
"title": "Software Entwickler Köln - Portfolio Damjan Savić",
"subtitle": "Python Entwickler Köln & React Developer - Erfolgreiche Projekte"
},
"filters": {
"all": "Alle",
@@ -312,39 +448,46 @@
"loading": "Projekte werden geladen...",
"noProjects": "Keine Projekte gefunden",
"viewProject": "Projekt ansehen",
"backToPortfolio": "Zurueck zum Portfolio",
"backToPortfolio": "Zurück zum Portfolio",
"technologies": "Technologien"
}
},
"blog": {
"meta": {
"title": "Blog von Damjan Savic - JTL Integration & Digital Solutions",
"description": "Insights und Best Practices von Damjan Savic zu JTL-WaWi, E-Commerce und digitaler Transformation.",
"title": "Blog von Damjan Savić - JTL Integration & Digital Solutions",
"description": "Insights und Best Practices von Damjan Savić zu JTL-WaWi, E-Commerce und digitaler Transformation.",
"header": {
"title": "Insights & Best Practices von Damjan Savic",
"subtitle": "Damjan Savic teilt Insights und Best Practices zu JTL-WaWi, E-Commerce und digitaler Transformation"
"title": "Insights & Best Practices von Damjan Savić",
"subtitle": "Damjan Savić teilt Insights und Best Practices zu JTL-WaWi, E-Commerce und digitaler Transformation"
}
},
"ui": {
"readMore": "Weiterlesen",
"loading": {
"posts": "Blogbeitraege werden geladen...",
"posts": "Blogbeiträge werden geladen...",
"post": "Blogbeitrag wird geladen..."
},
"errors": {
"posts": "Fehler beim Laden der Blogbeitraege",
"posts": "Fehler beim Laden der Blogbeiträge",
"post": "Der gesuchte Blogbeitrag existiert nicht oder wurde verschoben."
},
"backToBlog": "Zurueck zum Blog",
"publishedOn": "Veroeffentlicht am",
"backToBlog": "Zurück zum Blog",
"publishedOn": "Veröffentlicht am",
"category": "Kategorie",
"tags": "Tags"
"tags": "Tags",
"pagination": {
"previous": "Zurück",
"next": "Weiter",
"page": "Seite",
"of": "von",
"showing": "Zeige {start}-{end} von {total} Artikeln"
}
}
},
"login": {
"seo": {
"title": "Login",
"description": "Anmelden fuer Zugriff auf das Dashboard"
"description": "Anmelden für Zugriff auf das Dashboard"
},
"header": {
"title": "Im Dashboard anmelden"
@@ -360,11 +503,11 @@
},
"submit": {
"default": "Anmelden",
"loading": "Anmeldung laeuft..."
"loading": "Anmeldung läuft..."
},
"errors": {
"default": "Ein Fehler ist aufgetreten",
"invalidCredentials": "Ungueltige Anmeldedaten"
"invalidCredentials": "Ungültige Anmeldedaten"
}
},
"security": {
@@ -399,7 +542,7 @@
"columns": {
"path": "Pfad",
"views": "Aufrufe",
"change": "Aenderung"
"change": "Änderung"
}
},
"status": {
+182 -24
View File
@@ -1,13 +1,27 @@
{
"meta": {
"site": {
"name": "Damjan Savic",
"title": "Damjan Savic | Fullstack, IoT & AI Developer",
"name": "Damjan Savić",
"title": "Damjan Savić | Fullstack, IoT & AI Developer",
"subtitle": "Scalable Software Solutions with IoT and AI Integration",
"description": "As a fullstack developer from Cologne, Damjan Savic specializes in developing scalable software solutions with IoT and AI integration."
"description": "As a fullstack developer from Cologne, Damjan Savić specializes in developing scalable software solutions with IoT and AI integration.",
"keywords": [
"Fullstack Developer",
"AI Developer Germany",
"AI Agent Development",
"Process Automation",
"Voice AI Developer",
"n8n Automation Expert",
"Python Developer",
"React Developer",
"TypeScript Developer",
"Remote Developer Europe",
"Cologne Germany Developer",
"SaaS Development"
]
},
"author": {
"name": "Damjan Savic",
"name": "Damjan Savić",
"role": "Senior Fullstack Developer & Digital Solutions Consultant",
"location": "Cologne, Germany",
"email": "info@damjan-savic.com"
@@ -19,7 +33,7 @@
}
},
"common": {
"siteTitle": "Damjan Savic - Digital Solutions & JTL Integration",
"siteTitle": "Damjan Savić - Digital Solutions & JTL Integration",
"siteDescription": "Developer of custom solutions for process automation",
"nav": {
"home": "Home",
@@ -59,6 +73,7 @@
"main": {
"home": "Home",
"about": "About",
"services": "Services",
"portfolio": "Portfolio",
"blog": "Blog",
"contact": "Contact"
@@ -113,7 +128,7 @@
"pages": {
"home": {
"hero": {
"title": "AI & AUTOMATION SPECIALIST",
"title": "FULLSTACK DEVELOPER",
"name": "DAMJAN SAVIC",
"subtitle": "AI AGENTS | VOICE AI | PROCESS AUTOMATION",
"description": "Building AI agents and automation solutions. From voice AI platforms to autonomous web agents.",
@@ -126,9 +141,13 @@
"about": "ABOUT"
}
},
"gallery": {
"title": "Insights",
"description": "Professional moments from my daily work"
},
"about": {
"title": "About Damjan Savic - Senior Fullstack Developer & Digital Solutions Consultant",
"content": "Damjan Savic is an AI & Automation Specialist focusing on Voice AI, autonomous agents, and process automation. With an M.A. in Software Development and over 7 years of experience developing digital solutions, he combines technical expertise with strategic business understanding.",
"title": "About Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant",
"content": "Damjan Savić is an AI & Automation Specialist focusing on Voice AI, autonomous agents, and process automation. With an M.A. in Software Development and over 7 years of experience developing digital solutions, he combines technical expertise with strategic business understanding.",
"buttons": {
"learnMore": "Learn More",
"downloadCV": "Download CV"
@@ -212,13 +231,144 @@
},
"about": {
"seo": {
"title": "About Me - Damjan Savic | Fullstack Developer & AI Specialist",
"description": "Learn more about Damjan Savic - AI & Automation Specialist focusing on Voice AI, autonomous agents, and process automation from Cologne."
"title": "About Me - Damjan Savić | Fullstack Developer & AI Specialist",
"description": "Learn more about Damjan Savić - AI & Automation Specialist focusing on Voice AI, autonomous agents, and process automation from Cologne."
},
"hero": {
"aboutMe": "FULLSTACK DEVELOPER COLOGNE - DAMJAN SAVIC",
"title": "Python Developer Cologne & React Developer - Damjan Savic",
"description": "As a Fullstack Developer in Cologne, Damjan Savic is your Freelance Developer for Python automation and React development."
"aboutMe": "About Me",
"title": "FULLSTACK DEVELOPER COLOGNE",
"description": "As an AI & Automation Specialist with over 7 years of experience, I develop scalable solutions for complex business processes. My focus is on Voice AI, autonomous agents, and process automation.",
"expertise": {
"processAutomation": {
"title": "Process Automation",
"description": "Automation of complex business processes with n8n, Zapier and Python"
},
"systemIntegration": {
"title": "System Integration",
"description": "Seamless integration of ERP, CRM and e-commerce systems"
},
"customDevelopment": {
"title": "Custom Development",
"description": "Tailored software solutions with Python, TypeScript and React"
}
},
"languages": {
"python": "Python",
"typescript": "TypeScript",
"react": "React",
"nextjs": "Next.js",
"nodejs": "Node.js",
"sql": "SQL"
}
},
"skills": {
"title": "Skills & Expertise",
"description": "My technical skills and competencies acquired over 7+ years of professional experience.",
"skillGroups": [
{
"category": "Backend & Automation",
"items": [
{ "name": "Python", "level": 90 },
{ "name": "n8n / Zapier", "level": 85 },
{ "name": "Node.js", "level": 80 },
{ "name": "FastAPI", "level": 85 }
]
},
{
"category": "Frontend",
"items": [
{ "name": "React", "level": 85 },
{ "name": "TypeScript", "level": 85 },
{ "name": "Next.js", "level": 80 },
{ "name": "Tailwind CSS", "level": 90 }
]
},
{
"category": "Databases & Cloud",
"items": [
{ "name": "PostgreSQL", "level": 85 },
{ "name": "Supabase", "level": 80 },
{ "name": "Docker", "level": 75 },
{ "name": "Azure", "level": 70 }
]
}
]
},
"workflow": {
"title": "My Workflow",
"description": "Structured process from requirements analysis to successful implementation.",
"steps": [
{ "number": "01", "title": "Requirements Analysis & Consulting" },
{ "number": "02", "title": "Technical Concept & Architecture" },
{ "number": "03", "title": "Agile Development & Testing" },
{ "number": "04", "title": "Deployment & Integration" },
{ "number": "05", "title": "Monitoring & Optimization" },
{ "number": "06", "title": "Support & Maintenance" }
]
},
"journey": {
"title": "My Journey",
"subtitle": "Education, languages and professional experience",
"education": {
"title": "Education",
"degrees": {
"masters": {
"degree": "M.A. Software Development",
"university": "FOM University of Applied Sciences",
"period": "2021 - 2023"
},
"bachelors": {
"degree": "B.Sc. Business Informatics",
"university": "FOM University of Applied Sciences",
"period": "2017 - 2021"
}
}
},
"languages": {
"title": "Languages",
"items": {
"german": { "name": "German", "level": "Native" },
"english": { "name": "English", "level": "Fluent (C1)" },
"serbian": { "name": "Serbian", "level": "Native" }
}
},
"work": {
"positions": [
{
"title": "Process Automation Specialist",
"period": "12/2024 - Present",
"company": "Everlast Consulting GmbH",
"location": "Cologne",
"highlights": [
"Development of AI agents with n8n and Zapier",
"Building web scraping solutions",
"Migration from Power Automate to n8n"
]
},
{
"title": "Consultant Digital Solutions",
"period": "08/2023 - 11/2024",
"company": "Ritter Digital GmbH",
"location": "Cologne",
"highlights": [
"Backend services on dedicated servers",
"AI integration via Power Automate",
"RFID/IoT solutions with Zebra hardware"
]
},
{
"title": "ERP Integration Specialist",
"period": "01/2023 - 08/2023",
"company": "Joyce & Girls",
"location": "Cologne",
"highlights": [
"ApparelMagic & TradeByte Integration",
"MariaDB Middleware Development",
"Shopify Optimization"
]
}
]
}
}
},
"contact": {
@@ -241,7 +391,8 @@
"email": {
"label": "Email",
"value": "info@damjan-savic.com"
}
},
"availabilityNote": "I usually respond within 24 hours."
},
"contactForm": {
"title": "Contact Me",
@@ -266,7 +417,7 @@
"privacy": {
"seo": {
"title": "Privacy Policy",
"description": "Privacy Policy for the portfolio website of Damjan Savic"
"description": "Privacy Policy for the portfolio website of Damjan Savić"
},
"content": {
"title": "Privacy Policy",
@@ -276,7 +427,7 @@
"terms": {
"seo": {
"title": "Terms and Conditions",
"description": "Terms and Conditions for the portfolio website of Damjan Savic"
"description": "Terms and Conditions for the portfolio website of Damjan Savić"
},
"content": {
"title": "Terms and Conditions",
@@ -291,11 +442,11 @@
},
"portfolio": {
"seo": {
"title": "Portfolio - Fullstack Developer Cologne Damjan Savic | Python & React Projects",
"description": "Portfolio of Freelance Developer Cologne Damjan Savic: Python Automation, OLLAMA AI Integration, ERP System Integration, E-Commerce Development."
"title": "Portfolio - Fullstack Developer Cologne Damjan Savić | Python & React Projects",
"description": "Portfolio of Freelance Developer Cologne Damjan Savić: Python Automation, OLLAMA AI Integration, ERP System Integration, E-Commerce Development."
},
"sections": {
"title": "Software Developer Cologne - Portfolio Damjan Savic",
"title": "Software Developer Cologne - Portfolio Damjan Savić",
"subtitle": "Python Developer Cologne & React Developer - Successful Projects"
},
"filters": {
@@ -318,11 +469,11 @@
},
"blog": {
"meta": {
"title": "Blog by Damjan Savic - JTL Integration & Digital Solutions",
"description": "Insights and best practices from Damjan Savic on JTL-WaWi, e-commerce, and digital transformation.",
"title": "Blog by Damjan Savić - JTL Integration & Digital Solutions",
"description": "Insights and best practices from Damjan Savić on JTL-WaWi, e-commerce, and digital transformation.",
"header": {
"title": "Insights & Best Practices from Damjan Savic",
"subtitle": "Damjan Savic shares insights and best practices on JTL-WaWi, e-commerce, and digital transformation"
"title": "Insights & Best Practices from Damjan Savić",
"subtitle": "Damjan Savić shares insights and best practices on JTL-WaWi, e-commerce, and digital transformation"
}
},
"ui": {
@@ -338,7 +489,14 @@
"backToBlog": "Back to Blog",
"publishedOn": "Published on",
"category": "Category",
"tags": "Tags"
"tags": "Tags",
"pagination": {
"previous": "Previous",
"next": "Next",
"page": "Page",
"of": "of",
"showing": "Showing {start}-{end} of {total} articles"
}
}
},
"login": {
+182 -17
View File
@@ -1,13 +1,34 @@
{
"meta": {
"site": {
"name": "Damjan Savic",
"title": "Damjan Savic | Fullstack, IoT & AI Programer",
"name": "Damjan Savić",
"title": "Damjan Savić | Fullstack, IoT & AI Programer",
"subtitle": "Skalabilna softverska resenja sa IoT i AI integracijom",
"description": "Kao fullstack programer iz Kelna, Damjan Savic se specijalizuje za razvoj skalabilnih softverskih resenja sa IoT i AI integracijom."
"description": "Kao fullstack programer iz Kelna, Damjan Savić se specijalizuje za razvoj skalabilnih softverskih resenja sa IoT i AI integracijom.",
"keywords": [
"Fullstack Programer Srbija",
"AI Programer Srbija",
"AI Developer Beograd",
"AI Developer Novi Sad",
"Razvoj AI Agenata",
"Automatizacija Procesa",
"Voice AI Srbija",
"n8n Automatizacija",
"Softverski Razvoj Beograd",
"Softverski Razvoj Novi Sad",
"Softverski Razvoj Niš",
"Python Programer Srbija",
"React Programer Srbija",
"TypeScript Programer",
"Web Razvoj Srbija",
"Remote Developer Dijaspora",
"Freelance Programer Srbija",
"SaaS Razvoj Srbija",
"GPT-4 Integracija Srbija"
]
},
"author": {
"name": "Damjan Savic",
"name": "Damjan Savić",
"role": "Senior Fullstack Developer & Digital Solutions Consultant",
"location": "Keln, Nemacka",
"email": "info@damjan-savic.com"
@@ -19,7 +40,7 @@
}
},
"common": {
"siteTitle": "Damjan Savic - Digitalna resenja & JTL integracija",
"siteTitle": "Damjan Savić - Digitalna resenja & JTL integracija",
"siteDescription": "Programer individualnih resenja za automatizaciju procesa",
"nav": {
"home": "Pocetna",
@@ -59,6 +80,7 @@
"main": {
"home": "Pocetna",
"about": "O meni",
"services": "Usluge",
"portfolio": "Portfolio",
"blog": "Blog",
"contact": "Kontakt"
@@ -113,7 +135,7 @@
"pages": {
"home": {
"hero": {
"title": "AI & AUTOMATION SPECIALIST",
"title": "FULLSTACK DEVELOPER",
"name": "DAMJAN SAVIC",
"subtitle": "AI AGENTI | VOICE AI | AUTOMATIZACIJA PROCESA",
"description": "Razvoj AI agenata i resenja za automatizaciju. Od voice AI platformi do autonomnih web agenata.",
@@ -126,9 +148,13 @@
"about": "O MENI"
}
},
"gallery": {
"title": "Uvidi",
"description": "Profesionalni momenti iz mog svakodnevnog rada"
},
"about": {
"title": "O Damjanu Savicu - Senior Fullstack Developer & Digital Solutions Consultant",
"content": "Damjan Savic je AI & Automation Specialist sa fokusom na Voice AI, autonomne agente i automatizaciju procesa. Sa MA diplomom iz razvoja softvera i preko 7 godina iskustva u razvoju digitalnih resenja, kombinuje tehnicku ekspertizu sa strateskim razumevanjem poslovanja.",
"content": "Damjan Savić je AI & Automation Specialist sa fokusom na Voice AI, autonomne agente i automatizaciju procesa. Sa MA diplomom iz razvoja softvera i preko 7 godina iskustva u razvoju digitalnih resenja, kombinuje tehnicku ekspertizu sa strateskim razumevanjem poslovanja.",
"buttons": {
"learnMore": "Saznaj vise",
"downloadCV": "Preuzmi CV"
@@ -212,13 +238,144 @@
},
"about": {
"seo": {
"title": "O meni - Damjan Savic | Fullstack Developer & AI Specijalista",
"description": "Saznajte vise o Damjanu Savicu - AI & Automation Specialist sa fokusom na Voice AI, autonomne agente i automatizaciju procesa iz Kelna."
"title": "O meni - Damjan Savić | Fullstack Developer & AI Specijalista",
"description": "Saznajte više o Damjanu Saviću - AI & Automation Specialist sa fokusom na Voice AI, autonomne agente i automatizaciju procesa iz Kelna."
},
"hero": {
"aboutMe": "FULLSTACK DEVELOPER KELN - DAMJAN SAVIC",
"title": "Python Developer Keln & React Developer - Damjan Savic",
"description": "Kao Fullstack Developer u Kelnu, Damjan Savic je vas Freelance Developer za Python automatizaciju i React razvoj."
"aboutMe": "O meni",
"title": "FULLSTACK DEVELOPER KELN",
"description": "Kao AI & Automation Specialist sa preko 7 godina iskustva, razvijam skalabilna rešenja za kompleksne poslovne procese. Moj fokus je na Voice AI, autonomnim agentima i automatizaciji procesa.",
"expertise": {
"processAutomation": {
"title": "Automatizacija procesa",
"description": "Automatizacija kompleksnih poslovnih procesa sa n8n, Zapier i Python"
},
"systemIntegration": {
"title": "Sistemska integracija",
"description": "Besprekorna integracija ERP, CRM i e-commerce sistema"
},
"customDevelopment": {
"title": "Prilagođeni razvoj",
"description": "Prilagođena softverska rešenja sa Python, TypeScript i React"
}
},
"languages": {
"python": "Python",
"typescript": "TypeScript",
"react": "React",
"nextjs": "Next.js",
"nodejs": "Node.js",
"sql": "SQL"
}
},
"skills": {
"title": "Veštine i ekspertiza",
"description": "Moje tehničke veštine i kompetencije stečene kroz 7+ godina profesionalnog iskustva.",
"skillGroups": [
{
"category": "Backend i automatizacija",
"items": [
{ "name": "Python", "level": 90 },
{ "name": "n8n / Zapier", "level": 85 },
{ "name": "Node.js", "level": 80 },
{ "name": "FastAPI", "level": 85 }
]
},
{
"category": "Frontend",
"items": [
{ "name": "React", "level": 85 },
{ "name": "TypeScript", "level": 85 },
{ "name": "Next.js", "level": 80 },
{ "name": "Tailwind CSS", "level": 90 }
]
},
{
"category": "Baze podataka i Cloud",
"items": [
{ "name": "PostgreSQL", "level": 85 },
{ "name": "Supabase", "level": 80 },
{ "name": "Docker", "level": 75 },
{ "name": "Azure", "level": 70 }
]
}
]
},
"workflow": {
"title": "Moj radni proces",
"description": "Strukturiran proces od analize zahteva do uspešne implementacije.",
"steps": [
{ "number": "01", "title": "Analiza zahteva i konsalting" },
{ "number": "02", "title": "Tehnički koncept i arhitektura" },
{ "number": "03", "title": "Agilni razvoj i testiranje" },
{ "number": "04", "title": "Deployment i integracija" },
{ "number": "05", "title": "Monitoring i optimizacija" },
{ "number": "06", "title": "Podrška i održavanje" }
]
},
"journey": {
"title": "Moj put",
"subtitle": "Obrazovanje, jezici i profesionalno iskustvo",
"education": {
"title": "Obrazovanje",
"degrees": {
"masters": {
"degree": "M.A. Razvoj softvera",
"university": "FOM Univerzitet primenjenih nauka",
"period": "2021 - 2023"
},
"bachelors": {
"degree": "B.Sc. Poslovna informatika",
"university": "FOM Univerzitet primenjenih nauka",
"period": "2017 - 2021"
}
}
},
"languages": {
"title": "Jezici",
"items": {
"german": { "name": "Nemački", "level": "Maternji" },
"english": { "name": "Engleski", "level": "Tečno (C1)" },
"serbian": { "name": "Srpski", "level": "Maternji" }
}
},
"work": {
"positions": [
{
"title": "Process Automation Specialist",
"period": "12/2024 - Danas",
"company": "Everlast Consulting GmbH",
"location": "Keln",
"highlights": [
"Razvoj AI agenata sa n8n i Zapier",
"Izgradnja web scraping rešenja",
"Migracija sa Power Automate na n8n"
]
},
{
"title": "Consultant Digital Solutions",
"period": "08/2023 - 11/2024",
"company": "Ritter Digital GmbH",
"location": "Keln",
"highlights": [
"Backend servisi na namenskim serverima",
"AI integracija preko Power Automate",
"RFID/IoT rešenja sa Zebra hardverom"
]
},
{
"title": "ERP Integration Specialist",
"period": "01/2023 - 08/2023",
"company": "Joyce & Girls",
"location": "Keln",
"highlights": [
"ApparelMagic & TradeByte integracija",
"MariaDB Middleware razvoj",
"Shopify optimizacija"
]
}
]
}
}
},
"contact": {
@@ -241,7 +398,8 @@
"email": {
"label": "E-mail",
"value": "info@damjan-savic.com"
}
},
"availabilityNote": "Obično odgovaram u roku od 24 sata."
},
"contactForm": {
"title": "Kontaktirajte me",
@@ -291,11 +449,11 @@
},
"portfolio": {
"seo": {
"title": "Portfolio - Fullstack Developer Keln Damjan Savic | Python & React Projekti",
"title": "Portfolio - Fullstack Developer Keln Damjan Savić | Python & React Projekti",
"description": "Portfolio Freelance Developera iz Kelna Damjana Savica: Python automatizacija, OLLAMA AI integracija, ERP sistem integracija, E-Commerce razvoj."
},
"sections": {
"title": "Software Developer Keln - Portfolio Damjan Savic",
"title": "Software Developer Keln - Portfolio Damjan Savić",
"subtitle": "Python Developer Keln & React Developer - Uspesni projekti"
},
"filters": {
@@ -322,7 +480,7 @@
"description": "Uvidi i najbolje prakse Damjana Savica o JTL-WaWi, e-trgovini i digitalnoj transformaciji.",
"header": {
"title": "Uvidi & Najbolje prakse Damjana Savica",
"subtitle": "Damjan Savic deli uvide i najbolje prakse o JTL-WaWi, e-trgovini i digitalnoj transformaciji"
"subtitle": "Damjan Savić deli uvide i najbolje prakse o JTL-WaWi, e-trgovini i digitalnoj transformaciji"
}
},
"ui": {
@@ -338,7 +496,14 @@
"backToBlog": "Nazad na Blog",
"publishedOn": "Objavljeno",
"category": "Kategorija",
"tags": "Oznake"
"tags": "Oznake",
"pagination": {
"previous": "Prethodna",
"next": "Sledeća",
"page": "Stranica",
"of": "od",
"showing": "Prikazano {start}-{end} od {total} članaka"
}
}
},
"login": {