damjan_savic/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Migrate from Vite to Next.js 15 with SSR

Browse Source 
- Replace Vite + React Router with Next.js 15 App Router
- Implement i18n with next-intl (URL-based: /de, /en, /sr)
- Add SSR/SSG for all pages (48 static pages generated)
- Setup Supabase SSR client for auth
- Migrate all pages: Home, About, Portfolio, Blog, Contact, Login, Dashboard, Imprint, Privacy, Terms
- Add Docker support with standalone output
- Replace i18next with next-intl JSON translations
- Use next/image for optimized images

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
damjan_savic
2026-01-17 01:00:33 +01:00
co-authored by Claude Opus 4.5
parent a66f51b9a2
commit b1ec7b4d61
281 changed files with 8024 additions and 8901 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/i18n/locales-old/en/blog/index.ts
+175
View File
@@ -0,0 +1,175 @@
// src/i18n/locales/en/blog/index.ts
export const blog = {
meta: {
title: 'Blog - JTL Integration & Digital Solutions',
description: 'Insights and Best Practices on JTL-WaWi, E-Commerce, and Digital Transformation',
header: {
title: 'Insights & Best Practices',
subtitle: 'Insights and Best Practices on JTL-WaWi, E-Commerce, and Digital Transformation'
}
},
posts: {
'erp-integration-breuninger': {
title: 'ApparelMagic and TradeByte: Analysis of Complex Integrations',
date: '2024-02-09',
excerpt: 'Detailed analysis of an e-commerce integration between Apparel Magic and Breuninger via TradeByte',
category: 'System Integration',
tags: ['ERP', 'Apparel Magic', 'TradeByte', 'API Integration', 'Python', 'MariaDB'],
coverImage: '/images/posts/erp-integration-breuninger/cover.jpg',
content: {
intro: {
title: 'Apparel Magic meets Breuninger: A Technical Analysis of the TradeByte Integration',
description: 'The integration of e-commerce systems with established marketplaces poses unique challenges for companies. In this article, I share my experiences from a complex integration project between Apparel Magic as an ERP system and the Breuninger platform via TradeByte.'
},
background: {
title: 'Project Background',
systems: {
erp: 'Apparel Magic as an ERP system for product data and inventory management',
middleware: 'TradeByte as the middleware for the Breuninger platform'
},
challenges: {
sync: 'Bidirectional synchronization of orders',
customers: 'Automated customer creation',
delivery: 'Management of delivery notes',
inventory: 'Real-time inventory management'
}
},
tech: {
title: 'Technical Architecture',
components: {
title: 'Key Components'
},
database: {
title: 'Middleware Database',
description: 'The MariaDB database serves as the central data store for the integration:'
}
},
api: {
title: 'API Integrations',
apparel_magic: {
title: 'Apparel Magic API',
description: 'The REST API of Apparel Magic is used for customer creation and inventory management:'
},
tradebyte: {
title: 'TradeByte Integration',
description: 'The TradeByte API uses a combination of REST and XML:'
}
},
order_process: {
title: 'Order Process',
steps: {
fetch: 'Regular retrieval of new orders from TradeByte',
customers: 'Automatic customer creation in Apparel Magic',
process: 'Order processing and status update',
delivery: 'Generation and storage of delivery notes'
},
delivery_notes: {
title: 'Delivery Note Management'
}
},
challenges: {
title: 'Challenges and Solutions',
status: {
title: '1. Status Management',
description: 'A particular challenge was managing order statuses:'
},
error_handling: {
title: '2. Error Handling and Monitoring',
description: 'Robust error handling was essential for production operation:'
}
},
best_practices: {
title: 'Best Practices',
api: {
title: '1. API Communication',
items: {
retry: 'Implementation of retry mechanisms',
errors: 'Careful error handling',
logging: 'Comprehensive logging of all communications'
}
},
data: {
title: '2. Data Management',
items: {
storage: 'Central data storage in MariaDB',
transactions: 'Transactional security for critical operations',
validation: 'Regular data validation'
}
},
automation: {
title: '3. Process Automation',
items: {
customers: 'Automated customer creation',
status: 'Automatic status updates',
delivery: 'Systematic delivery note management'
}
}
},
lessons: {
title: 'Lessons Learned',
api: {
title: '1. API Design',
items: {
docs: 'Thorough API documentation is essential',
auth: 'Understanding of various authentication methods',
limits: 'Consideration of rate limits'
}
},
validation: {
title: '2. Data Validation',
items: {
rules: 'Implementation of strict validation rules',
edge_cases: 'Careful handling of edge cases',
cleanup: 'Automated data cleanup'
}
},
optimization: {
title: '3. Process Optimization',
items: {
automation: 'Continuous improvement of automation',
performance: 'Regular performance reviews',
monitoring: 'Proactive monitoring'
}
}
},
conclusion: {
title: 'Conclusion',
requirements: {
understanding: 'Deep understanding of both systems',
implementation: 'Careful implementation of API communication',
error_handling: 'Robust error handling',
monitoring: 'Continuous monitoring'
},
results: 'The developed solution successfully processes orders and enables seamless integration between the systems. In particular, automated customer creation and delivery note management have proven to be efficiency boosters.'
}
}
},
},
ui: {
readMore: 'Read More',
loading: {
posts: 'Loading blog posts...',
post: 'Loading blog post...'
},
errors: {
posts: 'Error loading blog posts',
post: 'The requested blog post does not exist or has been moved.'
},
backToBlog: 'Back to Blog',
publishedOn: 'Published on',
category: 'Category',
tags: 'Tags',
notFound: {
title: 'Post Not Found',
message: 'The requested blog post does not exist or has been moved.'
}
},
categories: {
'Integration': 'Integration',
'Entwicklung': 'Development',
'Automatisierung': 'Automation'
}
} as const;
export type BlogConfig = typeof blog;
export type BlogPost = BlogConfig['posts'][keyof BlogConfig['posts']];
src/i18n/locales-old/en/blog/posts/erp-integration-breuninger.ts
+138
View File
@@ -0,0 +1,138 @@
// src/i18n/locales/en/blog/posts/erp-integration-breuninger.ts
export const erpIntegrationBreuninger = {
posts: {
erp_integration: {
title: "ApparelMagic and TradeByte: Analysis of Complex Integrations",
date: "2024-02-09",
excerpt: "Detailed analysis of an e-commerce integration between Apparel Magic and Breuninger via TradeByte",
category: "System Integration",
tags: ["ERP", "Apparel Magic", "TradeByte", "API Integration", "Python", "MariaDB"],
coverImage: "/images/posts/erp-integration-breuninger/cover.jpg",
intro: {
title: "Apparel Magic meets Breuninger: A Technical Analysis of the TradeByte Integration",
description: "The integration of e-commerce systems with established marketplaces presents unique challenges for companies. In this article, I share my experiences from a complex integration project between Apparel Magic as an ERP system and the Breuninger platform via TradeByte."
},
background: {
title: "Project Background",
systems: {
erp: "Apparel Magic as an ERP system for product data and inventory management",
middleware: "TradeByte as middleware for the Breuninger platform"
},
challenges: {
sync: "Bidirectional synchronization of orders",
customers: "Automated customer creation",
delivery: "Management of delivery notes",
inventory: "Real-time inventory management"
}
},
tech: {
title: "Technical Architecture",
components: {
title: "Central Components"
},
database: {
title: "Middleware Database",
description: "The MariaDB database serves as the central data store for the integration:"
}
},
api: {
title: "API Integrations",
apparel_magic: {
title: "Apparel Magic API",
description: "The REST API of Apparel Magic is used for customer creation and inventory management:"
},
tradebyte: {
title: "TradeByte Integration",
description: "The TradeByte API uses a combination of REST and XML:"
}
},
order_process: {
title: "Order Process",
steps: {
fetch: "Regular retrieval of new orders from TradeByte",
customers: "Automatic customer creation in Apparel Magic",
process: "Order processing and status update",
delivery: "Generation and storage of delivery notes"
},
delivery_notes: {
title: "Delivery Note Management"
}
},
challenges: {
title: "Challenges and Solutions",
status: {
title: "1. Status Management",
description: "A particular challenge was managing order statuses:"
},
error_handling: {
title: "2. Error Handling and Monitoring",
description: "Robust error handling was essential for production operations:"
}
},
best_practices: {
title: "Best Practices",
api: {
title: "1. API Communication",
items: {
retry: "Implementation of retry mechanisms",
errors: "Careful error handling",
logging: "Comprehensive logging of all communications"
}
},
data: {
title: "2. Data Management",
items: {
storage: "Central data storage in MariaDB",
transactions: "Transactional security for critical operations",
validation: "Regular data validation"
}
},
automation: {
title: "3. Process Automation",
items: {
customers: "Automated customer creation",
status: "Automatic status updates",
delivery: "Systematic delivery note management"
}
}
},
lessons: {
title: "Lessons Learned",
api: {
title: "1. API Design",
items: {
docs: "Thorough API documentation is essential",
auth: "Understanding of various authentication methods",
limits: "Consideration of rate limits"
}
},
validation: {
title: "2. Data Validation",
items: {
rules: "Implementation of strict validation rules",
edge_cases: "Careful handling of edge cases",
cleanup: "Automated data cleanup"
}
},
optimization: {
title: "3. Process Optimization",
items: {
automation: "Continuous improvement of automation",
performance: "Regular performance reviews",
monitoring: "Proactive monitoring"
}
}
},
conclusion: {
title: "Conclusion",
requirements: {
understanding: "Deep understanding of both systems",
implementation: "Careful implementation of the API communication",
error_handling: "Robust error handling",
monitoring: "Continuous monitoring"
},
results: "The developed solution successfully processes orders and enables seamless integration between the systems. In particular, the automated customer creation and delivery note management have proven to enhance efficiency."
}
}
}
};
src/i18n/locales-old/en/blog/posts/fullstack-development-timetracking.ts
+253
View File
@@ -0,0 +1,253 @@
// src/i18n/locales/en/blog/posts/fullstack-development-timetracking.ts
export const fullstackDevelopmentTimetracking = {
meta: {
title: 'Fullstack Development with Python and React: Architecture of our Time Tracking Solution',
date: '2024-02-09',
excerpt: 'A technical deep dive into the implementation of a modern time tracking solution',
category: 'System Architecture',
coverImage: '/images/posts/fullstack-development-timetracking/cover.jpg',
tags: ['Python', 'React', 'TypeScript', 'MSSQL', 'System Design']
},
content: {
intro: {
title: 'Fullstack Development with Python and React: Architecture of our Time Tracking Solution',
description: 'Developing a robust time tracking solution requires not only technical expertise but also a deep understanding of complex business rules and user requirements. In this article, I share our experiences in implementing a modern fullstack time tracking solution with Python and React.'
},
systemArchitecture: {
title: 'System Architecture',
frontend: {
title: 'Frontend (Next.js + TypeScript)',
description: 'The frontend architecture is based on Next.js with TypeScript and follows a component-based approach:',
code: {
types: `// types/TimeEntry.ts
interface TimeEntry {
id: number;
date: string;
checkIn: string;
checkOut: string | null;
userId: number;
status: 'complete' | 'incomplete';
}`,
component: `// components/TimeEntryForm.tsx
const TimeEntryForm: React.FC<TimeEntryFormProps> = ({ onSubmit }) => {
const [entry, setEntry] = useState<TimeEntry>({
date: new Date().toISOString().split('T')[0],
checkIn: new Date().toLocaleTimeString(),
checkOut: null,
status: 'incomplete'
});
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
if (!validateTimeEntry(entry)) return;
try {
await onSubmit(entry);
} catch (error) {
console.error('Error submitting time entry:', error);
}
};
return (
<form onSubmit={handleSubmit} className='space-y-4'>
<DateInput
value={entry.date}
onChange={(date) => setEntry({ ...entry, date })}
/>
<TimeInput
value={entry.checkIn}
onChange={(time) => setEntry({ ...entry, checkIn: time })}
/>
{/* Additional form elements */}
</form>
);
};`
}
},
backend: {
title: 'Backend (Flask + MSSQL)',
description: 'The backend uses Flask for the API and MSSQL for data persistence:',
code: {
models: `# models/time_entry.py
class TimeEntry(db.Model):
__tablename__ = 'Stundenzettel'
id = db.Column('ID', db.Decimal, primary_key=True)
personal_id = db.Column('Personal_ID', db.Decimal)
datum = db.Column('Datum', db.Date)
kommen = db.Column('Kommen', db.Time)
gehen = db.Column('Gehen', db.Time)
@validates('gehen')
def validate_checkout(self, key, value):
if value and value < self.kommen:
raise ValueError('Checkout time cannot be before checkin time')
return value`,
routes: `# routes/time_entries.py
@app.route('/api/time-entries', methods=['POST'])
@jwt_required
def create_time_entry():
data = request.get_json()
user_id = get_jwt_identity()
try:
validate_time_entry_creation(data, user_id)
entry = TimeEntry(
personal_id=user_id,
datum=data['date'],
kommen=data['checkIn'],
gehen=data.get('checkOut')
)
db.session.add(entry)
db.session.commit()
return jsonify(entry.to_dict()), 201
except ValidationError as e:
return jsonify({'error': str(e)}), 400`
}
}
},
businessLogic: {
title: 'Business Logic Implementation',
validation: {
title: 'Time Entry Validation',
description: 'The validation logic ensures that all business rules are followed:',
code: `def validate_time_entry_creation(data: dict, user_id: int) -> None:
'''Validates a new time entry according to business rules.'''
# Check for existing incomplete entries
incomplete_entry = TimeEntry.query.filter_by(
personal_id=user_id,
gehen=None,
datum=data['date']
).first()
if incomplete_entry:
raise ValidationError('Cannot create new entry while incomplete entry exists')
# Check for time overlap with existing entries
overlapping_entry = TimeEntry.query.filter(
TimeEntry.personal_id == user_id,
TimeEntry.datum == data['date'],
TimeEntry.kommen <= data['checkIn'],
TimeEntry.gehen >= data['checkIn']
).first()
if overlapping_entry:
raise ValidationError('Time entry overlaps with existing entry')`
}
},
databaseDesign: {
title: 'Database Design',
description: 'The MSSQL database schema is designed for efficiency and integrity:',
code: `CREATE TABLE dbo.Stundenzettel (
ID decimal NOT NULL PRIMARY KEY,
Personal_ID decimal,
Datum date,
Kommen time,
Gehen time,
xStatus int,
xBenutzer nvarchar(15),
xDatum datetime,
xVersion timestamp
);
CREATE INDEX idx_personal_datum
ON dbo.Stundenzettel(Personal_ID, Datum);`
},
security: {
title: 'Security Implementation',
authentication: {
title: 'JWT Authentication',
code: `# auth/jwt_handler.py
from flask_jwt_extended import create_access_token
def authenticate_user(username: str, password: str) -> str:
user = Personal.query.filter_by(
Benutzername=username,
Passwort=password # In production, use proper password hashing
).first()
if not user:
raise AuthenticationError('Invalid credentials')
return create_access_token(identity=user.ID)`
}
},
bestPractices: {
title: 'Best Practices and Learnings',
points: [
{
title: 'Data Validation at Multiple Levels',
items: [
'Frontend validation for immediate feedback',
'Backend validation for business rules',
'Database constraints for data integrity'
]
},
{
title: 'Error Handling',
items: [
'Structured error messages',
'User-friendly error messages in frontend',
'Detailed logging in backend'
]
},
{
title: 'Performance Optimization',
items: [
'Indexing of critical database fields',
'Frontend caching of time entries',
'Lazy loading for historical data'
]
}
]
},
challenges: {
title: 'Challenges and Solutions',
timezones: {
title: '1. Timezone Handling',
description: 'A particular challenge was the correct handling of timezones:',
code: `// utils/dateTime.ts
export const formatTimeForDisplay = (time: string): string => {
return new Date(\`1970-01-01T\${time}\`).toLocaleTimeString('de-DE', {
hour: '2-digit',
minute: '2-digit'
});
};
export const formatTimeForAPI = (time: string): string => {
return new Date(\`1970-01-01T\${time}\`).toISOString().split('T')[1];
};`
},
concurrency: {
title: '2. Concurrent Updates',
description: 'Handling concurrent updates required special attention:',
code: `from sqlalchemy import and_, or_
def update_time_entry(entry_id: int, data: dict) -> TimeEntry:
entry = TimeEntry.query.filter_by(id=entry_id).with_for_update().first()
if not entry:
raise NotFoundError('Time entry not found')
# Optimistic locking using version field
if entry.xVersion != data['version']:
raise ConcurrencyError('Entry was modified by another user')
entry.gehen = data.get('checkOut')
db.session.commit()
return entry`
},
offline: {
title: '3. Offline Capability',
description: 'For offline functionality, we implemented a service worker strategy:',
code: `// service-worker.ts
const CACHE_NAME = 'timetracking-v1';
self.addEventListener('fetch', (event) => {
event.respondWith(
caches.match(event.request).then(response => {
return response || fetch(event.request).then(response => {
return caches.open(CACHE_NAME).then(cache => {
cache.put(event.request, response.clone());
return response;
});
});
})
);
});`
}
},
conclusion: {
title: 'Conclusion',
description: 'Developing a time tracking solution requires careful planning and consideration of numerous business rules. By using modern technologies like Next.js, TypeScript, and Flask, we were able to implement a robust and user-friendly solution.',
keyPoints: [
'Strict typing with TypeScript',
'Comprehensive validation logic',
'Efficient database design',
'User-friendly error handling'
],
results: 'The solution has been successfully in use for several months and reliably processes hundreds of time entries daily.'
}
}
};
src/i18n/locales-old/en/blog/posts/rfid-automation.ts
+204
View File
@@ -0,0 +1,204 @@
// src/i18n/locales/en/blog/posts/rfid-automation.ts
export const rfidAutomation = {
meta: {
title: 'RFID Label Automation: From Database to Printer',
date: '2024-02-09',
excerpt: 'A detailed technical analysis of implementing an automated RFID label printing system with Python',
category: 'System Integration',
coverImage: '/images/posts/rfid-automation/cover.jpg',
tags: ['RFID', 'Python', 'ZPL', 'Automation', 'Zebra Printer', 'EPC']
},
content: {
intro: {
title: 'RFID Label Automation: From Database to Printer',
description: 'In modern logistics and retail environments, efficient and error-free labeling of products with RFID tags is crucial. In this article, I share my experiences implementing an automated solution for generating and printing RFID labels with chip encoding.'
},
requirements: {
title: 'Project Background',
points: [
'Automatic generation of EPC codes (Electronic Product Code)',
'Creation of ZPL code for Zebra printers',
'Direct network communication with the printer',
'Integration with existing product data',
'Error handling and logging'
]
},
implementation: {
title: 'Technical Implementation',
epcGeneration: {
title: 'EPC Code Generation',
description: 'The EPC codes are generated according to the SGTIN standard (Serialized Global Trade Item Number):',
code: `def generate_encoded_epc(company_prefix, indicator, item_ref, serial):
sgtin = SGTIN(company_prefix, indicator, item_ref, serial)
return sgtin.encode()`
},
zplTemplates: {
title: 'ZPL Template Management',
description: 'ZPL templates were implemented for different label types:',
code: `def generate_zpl_code(artikelnr, description, ean, price, material, water_resistance, glass_type, encoded_epc):
formatted_price = f'{price:.2f}'
return f'''
CT~~CD,~CC^~CT~
^XA
~TA000
~JSN
^LT35
^MNW
^MTT
^PON
^PMN
^LH0,0
^JMA
^PR2,2
~SD23
^JUS
^LRN
^CI27
^PA0,1,1,0
^RS8,,,3
^XZ
^XA
^MMT
^PW413
^LL531
^LS-24
^FT150,57^A0N,33,33^FH\\^CI27^FD{artikelnr}^FS^CI27
^FT44,86^A0N,21,20^FH\\^CI27^FD{description}^FS^CI27
^FT130,141^A0N,50,51^FH\\^CI27^FD{formatted_price} €^FS^CI27
^FT167,175^A0N,21,20^FH\\^CI27^FD{material}^FS^CI27
^FT185,201^A0N,21,20^FH\\^CI27^FD{water_resistance}^FS^CI27
^FT155,227^A0N,21,20^FH\\^CI27^FD{glass_type}^FS^CI27
^BY3,2,113^FT73,420^BEN,,Y,N
^FH\\^FD{ean}^FS
^RFW,H,1,2,1^FD3000^FS
^RFW,H,2,12,1^FD{encoded_epc}^FS
^PQ1,0,1,Y
^XZ'''`
},
printerCommunication: {
title: 'Network Communication with the Printer',
description: 'Communication with the Zebra printer is done via TCP/IP:',
code: `def send_to_printer(data, printer_ip='192.168.68.50', printer_port=9100):
try:
with socket.socket(socket.AF_INET, socket.SOCK_STREAM) as sock:
sock.connect((printer_ip, printer_port))
sock.sendall(data.encode('utf-8'))
logger.info('Data successfully sent to printer')
except Exception as e:
logger.error(f'Error sending data to printer: {e}')`
},
serialNumberManagement: {
title: 'Data Processing and Serial Number Management',
description: 'Managing serial numbers is critical for the uniqueness of EPC codes:',
code: `def initialize_serial_number():
global current_serial_number
try:
serial_log_content = SERIAL_NUMBER_LOG_PATH.read_text().strip()
current_serial_number = int(serial_log_content)
except (FileNotFoundError, ValueError):
current_serial_number = START_SERIAL_NUMBER
def get_next_serial_number():
global current_serial_number
current_serial_number += 1
return current_serial_number
def finalize_serial_number():
SERIAL_NUMBER_LOG_PATH.write_text(str(current_serial_number))`
}
},
features: {
title: 'Implemented Features',
errorHandling: {
title: '1. Robust Error Handling',
points: [
'Input data validation',
'Network connection verification',
'Serial number persistence',
'Detailed logging of all operations'
]
},
configurability: {
title: '2. Configurability',
points: [
'Adjustable printer IP and port',
'Customizable ZPL templates',
'Flexible EPC code generation',
'Configurable serial number ranges'
]
},
scalability: {
title: '3. Scalability',
points: [
'Batch processing of product data',
'Parallel print jobs possible',
'Efficient resource management',
'Modular code for easy extensibility'
]
}
},
bestPractices: {
title: 'Best Practices',
dataValidation: {
title: '1. Data Validation',
points: [
'Strict typing for critical data fields',
'Verification of required fields',
'Format and plausibility checks'
]
},
faultTolerance: {
title: '2. Fault Tolerance',
points: [
'Automatic retry attempts',
'Graceful degradation',
'Detailed error logs'
]
},
maintainability: {
title: '3. Maintainability',
points: [
'Modular code structure',
'Comprehensive documentation',
'Clear separation of configuration and code'
]
}
},
lessonsLearned: {
title: 'Lessons Learned',
zplSpecifics: {
title: '1. ZPL Specifics',
points: [
'Detailed knowledge of ZPL specifications necessary',
'Careful validation of generated ZPL codes',
'Regular testing with different printer models'
]
},
rfidStandards: {
title: '2. RFID Standards',
points: [
'Adherence to EPC standards critical',
'Careful management of serial numbers',
'Validation of generated EPC codes'
]
},
networkCommunication: {
title: '3. Network Communication',
points: [
'Robust error handling for network issues',
'Timeouts and retry attempts',
'Buffering of print jobs'
]
}
},
conclusion: {
title: 'Conclusion',
description: 'The implemented solution enables efficient and reliable automation of the RFID labeling process. Through the combination of EPC code generation, ZPL template management, and direct printer communication, a robust system has been created that has proven itself in practice.',
keyPoints: [
'Thorough planning of system architecture',
'Comprehensive error handling',
'Careful documentation',
'Regular testing and validation'
],
results: 'The solution has been running stably in production for several months and processes hundreds of labels daily.'
}
}
};
src/i18n/locales-old/en/common.ts
+99
View File
@@ -0,0 +1,99 @@
export const common = {
// SEO & Meta
siteTitle: 'Damjan Savić - Digital Solutions & JTL Integration',
siteDescription: 'Developer of custom solutions for process automation',
// Navigation
nav: {
home: 'Home',
about: 'About',
services: 'Services',
portfolio: 'Portfolio',
blog: 'Blog',
contact: 'Contact'
},
// Common Actions
actions: {
readMore: 'Read More',
viewMore: 'View More',
viewAll: 'View All',
back: 'Back',
close: 'Close',
submit: 'Submit',
loading: 'Loading...'
},
// UI Components
ui: {
published: 'Published on',
lastUpdated: 'Last updated on',
category: 'Category',
categories: 'Categories',
tag: 'Tag',
tags: 'Tags',
author: 'Author',
minuteRead: 'minute read',
tableOfContents: 'Table of Contents'
},
// Error Messages
errors: {
generic: 'An error has occurred',
notFound: 'Page not found',
loading: 'Error loading',
return: 'Return to homepage'
},
// Loading States
loading: {
content: 'Loading content',
page: 'Loading page',
processing: 'Processing'
},
// Dates
dates: {
months: {
long: [
'January', 'February', 'March', 'April', 'May', 'June',
'July', 'August', 'September', 'October', 'November', 'December'
],
short: [
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
]
},
weekdays: {
long: [
'Sunday', 'Monday', 'Tuesday', 'Wednesday',
'Thursday', 'Friday', 'Saturday'
],
short: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
}
},
// Social Media
social: {
followMe: 'Follow me on',
shareOn: 'Share on',
linkedin: 'LinkedIn',
github: 'GitHub',
email: 'Email'
},
// Contact Form
contact: {
title: 'Contact',
name: 'Name',
email: 'Email',
message: 'Message',
submit: 'Send Message',
success: 'Your message has been sent successfully',
error: 'There was an error sending your message'
},
// Accessibility
a11y: {
skipToContent: 'Skip to main content',
menuOpen: 'Open menu',
menuClose: 'Close menu',
darkMode: 'Toggle dark mode',
carousel: {
next: 'Next image',
previous: 'Previous image'
}
}
} as const;
export type CommonTranslations = typeof common;
src/i18n/locales-old/en/cookiebanner.ts
+14
View File
@@ -0,0 +1,14 @@
const cookiebanner = {
cookies: {
message: "This website uses cookies to enhance your browsing experience. The data will not be shared with third parties.",
accept: "Accept Cookies",
decline: "Decline",
necessary: "Necessary Cookies",
necessaryDesc: "For basic website functions",
analytics: "Analytics Cookies",
analyticsDesc: "For analyzing website usage",
learnMore: "Learn more"
}
};
export default cookiebanner;
src/i18n/locales-old/en/faq.ts
+37
View File
@@ -0,0 +1,37 @@
export const faq = {
title: 'Frequently Asked Questions',
moreQuestions: 'Have more questions?',
contactUs: 'Contact us',
questions: [
{
question: "How can I use Python for process automation?",
answer: "Python excels at process automation through libraries like Selenium for web automation, Pandas for data processing, and Schedule for timed tasks. I develop custom automation solutions tailored to your business processes.",
category: "python"
},
{
question: "What makes OLLAMA ideal for local AI development?",
answer: "OLLAMA enables running large language models locally, ensuring data privacy and reducing API costs. I specialize in integrating OLLAMA into applications for custom AI solutions without cloud dependencies.",
category: "ai"
},
{
question: "What are the advantages of Electron desktop apps?",
answer: "Electron enables cross-platform desktop app development using web technologies. You get a native app for Windows, Mac, and Linux from a single codebase. Ideal for tools requiring complex UI and offline functionality.",
category: "electron"
},
{
question: "How long does web application development take?",
answer: "Development time depends on scope. An MVP can be developed in 4-8 weeks, while complex enterprise applications require 3-6 months. I work agile and deliver usable results in 2-week sprints.",
category: "general"
},
{
question: "Can you convert existing Python scripts into web apps?",
answer: "Yes, I can transform your Python scripts into modern web applications with FastAPI or Django backend and React frontend. This enables multi-user access, better UI/UX, and centralized data management.",
category: "python"
},
{
question: "How do you integrate AI into existing business processes?",
answer: "I analyze your workflows and identify automation potential. Using OLLAMA or other AI models, I develop solutions for text analysis, document processing, customer service automation, or data extraction - all privacy-compliant on-premise.",
category: "ai"
}
]
};
src/i18n/locales-old/en/footer.ts
+41
View File
@@ -0,0 +1,41 @@
// src/i18n/locales/en/footer.ts
const footer = {
sections: {
contact: {
title: "Contact",
email: "info@damjan-savic.com",
location: "Cologne, Germany",
aria: {
emailLink: "Send email",
locationText: "Location"
}
},
navigation: {
title: "Navigation",
links: {
portfolio: "Portfolio",
blog: "Blog",
about: "About",
contact: "Contact"
}
},
social: {
title: "Social Media",
aria: {
linkedin: "Visit my LinkedIn profile",
github: "Visit my GitHub profile"
}
}
},
legal: {
copyright: "All rights reserved",
links: {
privacy: "Privacy Policy",
imprint: "Imprint",
terms: "Terms of Service"
}
}
} as const;
export default footer;
export type FooterTranslations = typeof footer;
src/i18n/locales-old/en/index.ts
+119
View File
@@ -0,0 +1,119 @@
// src/i18n/locales/en/index.ts
// Blog post translations
import { erpIntegrationBreuninger } from './blog/posts/erp-integration-breuninger';
import { fullstackDevelopmentTimetracking } from './blog/posts/fullstack-development-timetracking';
import { rfidAutomation as blogRfidAutomation } from './blog/posts/rfid-automation';
import { blog } from './blog';
// Page translations
import { about } from './pages/about/index';
import { contact } from './pages/contact/index';
import { dashboard } from './pages/dashboard';
import { home } from './pages/home/index';
import { login } from './pages/login';
import { notfound } from './pages/notfound';
import { portfolio as portfolioPage } from './pages/portfolio';
import { privacy } from './pages/privacy';
import { terms } from './pages/terms';
// Portfolio project translations
import { aiDataReader } from './portfolio/projects/ai-data-reader';
import { portfolio } from './portfolio';
// Common translations and configurations
import { common } from './common';
import { meta } from './meta';
import { navigation } from './navigation';
// Footer translations
import footer from './footer';
// FAQ translations
import { faq } from './faq';
// Merging all translation objects
const translations = {
// Pages
pages: {
about,
contact,
dashboard,
home,
login,
notfound,
portfolio: portfolioPage,
privacy,
terms,
},
// Blog
blog: {
...blog,
posts: {
erpIntegrationBreuninger,
fullstackDevelopmentTimetracking,
rfidAutomation: blogRfidAutomation,
},
},
// Portfolio
portfolio: {
...portfolio,
projects: {
aiDataReader,
},
},
// Footer
footer,
// Common configurations
common: {
...common,
cookies: {
message: "This website uses cookies to enhance your browsing experience and provide personalized content. The collected data will not be shared with third parties.",
accept: "Accept Cookies",
decline: "Decline",
necessary: "Necessary Cookies",
necessaryDesc: "For basic website functions",
analytics: "Analytics Cookies",
analyticsDesc: "For analyzing website usage",
learnMore: "Learn more"
}
},
meta,
navigation,
faq,
} as const;
// Default export: complete translations object
export default translations;
// Type definition for translations
export type Translations = typeof translations;
// Re-exports for direct access to individual modules
export {
// Pages
about,
contact,
dashboard,
home,
login,
notfound,
portfolioPage as portfolioPageTranslations,
privacy,
terms,
// Blog
blog,
erpIntegrationBreuninger,
fullstackDevelopmentTimetracking,
blogRfidAutomation as blogRfidAutomationPost,
// Portfolio
portfolio,
aiDataReader,
// Footer
footer,
// Common
common,
meta,
navigation,
faq,
};
src/i18n/locales-old/en/meta.ts
+193
View File
@@ -0,0 +1,193 @@
export const meta = {
site: {
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 Savić specializes in building scalable software solutions with IoT and AI integration.',
keywords: [
// Name & Branding
'Damjan Savić',
'Damjan Savic',
'CoderConda',
// Voice AI & Agents
'Voice AI Developer',
'VAPI Integration Developer',
'Voice AI Recruiting',
'Voice Assistant Development',
'Conversational AI Developer',
'AI Voice Agent Development',
'Autonomous AI Agents',
'n8n Automation Developer',
'AI Workflow Automation',
// AI & LLM Integration (NEW - Claude/GPT)
'Claude API Integration',
'Anthropic Developer',
'GPT-4 Integration Developer',
'LLM Developer',
'AI Automation',
'AI Agent Development',
'Prompt Engineering',
'RAG Development',
'OLLAMA AI Integration',
// HR-Tech & Recruiting
'Recruiting Automation',
'HR Software Development',
'AI Interview Software',
'HR Tech Developer',
'Talent Acquisition Software',
// Fullstack & Core Skills
'Senior Fullstack Developer Cologne',
'Digital Solutions Consultant Germany',
'Software Architect',
'Python Developer Germany',
'React Developer',
'Next.js Developer',
'TypeScript Developer',
'Full Stack Developer Europe',
// Backend & API
'Python FastAPI Developer',
'Microservices Developer',
'Backend Developer',
'Node.js Developer',
'Django Developer',
'API Development',
// Frontend
'Frontend Developer',
'JavaScript Developer',
'React Native Developer',
'Progressive Web App Development',
// Automation & Integration
'Process Automation Python',
'ERP System Integration',
'E-Commerce Integration',
'Workflow Automation',
'RPA Developer',
// Enterprise & B2B
'Enterprise Software Developer',
'B2B Software Development',
'Custom Software Development',
'Freelance Developer Europe',
'Remote Developer',
// DevOps & Cloud
'AWS Cloud Architect',
'DevOps Engineer',
'Docker Kubernetes Expert',
'Electron Desktop Applications'
].join(', ')
},
company: {
name: 'Damjan Savić',
shortName: 'Damjan Savić',
description: 'Damjan Savić and CoderConda - Your partner for Enterprise Software Development, digital transformation, and innovative IT solutions.',
address: 'Rotdornallee',
city: 'Köln',
postalCode: '50999',
country: 'Germany',
phone: '+49 175 695 0979',
email: 'info@damjan-savic.com',
website: 'www.damjan-savic.com'
},
author: {
name: 'Damjan Savić',
role: 'Senior Fullstack Developer & Digital Solutions Consultant',
company: 'CoderConda',
location: 'Cologne, Germany',
email: 'info@damjan-savic.com',
website: 'www.damjan-savic.com',
languages: [
{ code: 'en', level: 'C2', name: 'English' },
{ code: 'sr', level: 'C2', name: 'Serbian' },
{ code: 'de', level: 'C2', name: 'German' },
{ code: 'fr', level: 'B2', name: 'French' },
{ code: 'es', level: 'B2', name: 'Spanish' },
{ code: 'ru', level: 'A1', name: 'Russian' }
]
},
social: {
linkedin: 'https://www.linkedin.com/in/damjansavic/',
github: 'https://github.com/damjansavic',
email: 'info@damjan-savic.com'
},
expertise: {
areas: [
// Voice AI & Agents (Priority)
'Voice AI Development with VAPI',
'Autonomous AI Agents',
'n8n Workflow Automation',
'Conversational AI & Chatbots',
// LLM & AI Integration
'Claude API Integration',
'GPT-4 & OpenAI Integration',
'OLLAMA & Local LLMs',
'RAG & Prompt Engineering',
// Fullstack Development
'Enterprise Software Development',
'Python Backend Development',
'React & Next.js Frontend',
'TypeScript & JavaScript',
// Integration & Automation
'ERP System Integration',
'E-Commerce Platforms',
'Business Process Automation',
'Microservices & API Development'
],
technologies: [
// AI & LLM
'Claude AI',
'GPT-4',
'VAPI',
'OLLAMA',
'n8n',
'LangChain',
// Languages & Frameworks
'Python',
'TypeScript',
'React',
'Next.js',
'Node.js',
'FastAPI',
// Infrastructure
'Docker',
'AWS',
'PostgreSQL',
'MongoDB'
]
},
seo: {
defaultLanguage: 'en',
alternateLanguages: ['de', 'sr'],
robots: 'index, follow',
googleSiteVerification: '', // If needed
og: {
type: 'website',
locale: 'en_US',
siteName: 'Damjan Savić - Senior Developer & IT Consultant Portfolio',
images: {
url: '/images/og-image.jpg',
width: 1200,
height: 630,
alt: 'Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant | Enterprise Software, AI Integration, Cloud Architecture'
}
},
twitter: {
card: 'summary_large_image',
site: '@damjansavic',
creator: '@damjansavic'
}
}
} as const;
export type MetaConfig = typeof meta;
src/i18n/locales-old/en/navigation.ts
+79
View File
@@ -0,0 +1,79 @@
// C:\Development\Damjan Savic\Portfolio\src\i18n\locales\en\navigation.ts
export const navigation = {
// Main navigation
main: {
home: 'Home',
about: 'About',
portfolio: 'Portfolio',
blog: 'Blog',
contact: 'Contact'
},
// Dashboard and Admin
admin: {
login: 'Login',
dashboard: 'Dashboard',
logout: 'Logout'
},
// Footer Navigation
footer: {
legal: {
privacy: 'Privacy Policy',
terms: 'Terms & Conditions',
imprint: 'Imprint'
},
sections: {
portfolio: 'Portfolio',
blog: 'Blog',
contact: 'Contact'
}
},
// Page sections
sections: {
experience: 'Experience',
skills: 'Skills',
projects: 'Projects',
about: 'About'
},
// Breadcrumbs and back navigation
navigation: {
backTo: {
home: 'Back to Home',
portfolio: 'Back to Portfolio',
blog: 'Back to Blog'
},
breadcrumbs: {
home: 'Home',
portfolio: 'Portfolio',
blog: 'Blog',
about: 'About',
contact: 'Contact'
}
},
// Mobile Navigation
mobile: {
menu: 'Menu',
close: 'Close',
open: 'Open Menu'
},
// URLs (for dynamic route generation)
urls: {
home: '/',
about: '/about',
portfolio: '/portfolio',
blog: '/blog',
contact: '/contact',
login: '/login',
dashboard: '/dashboard',
privacy: '/privacy',
terms: '/terms'
},
// Meta information for navigation
meta: {
main: 'Main Navigation',
footer: 'Footer Navigation',
social: 'Social Media Navigation',
legal: 'Legal Navigation'
}
} as const;
export type NavigationConfig = typeof navigation;
src/i18n/locales-old/en/pages/about/hero.ts
+33
View File
@@ -0,0 +1,33 @@
export const hero = {
// Navigation/Header
aboutMe: 'ABOUT ME',
// Main Section
title: 'Digital Solutions Expert',
description: 'With a background in software development and expertise in digital transformation, I help companies optimize and automate their processes through innovative solutions.',
// Expertise Areas
expertise: {
processAutomation: {
title: 'Process Automation',
description: 'Development of efficient automated workflows'
},
systemIntegration: {
title: 'System Integration',
description: 'Connection and optimization of business systems'
},
customDevelopment: {
title: 'Custom Development',
description: 'Creation of tailored software solutions'
}
},
// Languages
languages: {
english: 'English',
serbian: 'Serbian',
german: 'German',
french: 'French',
spanish: 'Spanish',
russian: 'Russian'
}
} as const;
// Type for type safety
export type HeroTranslations = typeof hero;
src/i18n/locales-old/en/pages/about/index.ts
+28
View File
@@ -0,0 +1,28 @@
import { hero } from './hero';
import { journey } from './journey';
import { schema } from './schema';
import { skillbar } from './skillbar';
import { skillgroup } from './skillgroup';
import { skills } from './skills';
import { workflow } from './workflow';
export const about = {
seo: {
title: 'About Me - Damjan Savić | Fullstack Developer & AI Specialist',
description: 'Learn more about Damjan Savić - AI & Automation Specialist focused on Voice AI, autonomous agents, and process automation from Cologne, Germany.'
},
hero,
journey,
schema,
skillbar,
skillgroup,
skills,
workflow
} as const;
// Typen exportieren
export type { HeroTranslations } from './hero';
export type { JourneyTranslations } from './journey';
export type { SchemaTranslations } from './schema';
export type { SkillBarTranslations } from './skillbar';
export type { SkillGroupTranslations } from './skillgroup';
export type { SkillsTranslations } from './skills';
export type { WorkflowTranslations } from './workflow';
src/i18n/locales-old/en/pages/about/journey.ts
+95
View File
@@ -0,0 +1,95 @@
export const journey = {
// Header
title: 'Professional Journey',
subtitle: 'From digital media to enterprise solutions',
// Education Section
education: {
title: 'Education',
degrees: {
masters: {
degree: 'M.A. Software Development',
university: 'Middlesex University, London',
period: '2020 - 2022'
},
bachelors: {
degree: 'B.A. Cross-Media Production',
university: 'Middlesex University, London',
period: '2018 - 2020'
}
}
},
// Languages Section
languages: {
title: 'Languages',
items: {
english: {
name: 'English',
level: 'C2'
},
serbian: {
name: 'Serbian',
level: 'C2'
},
german: {
name: 'German',
level: 'C2'
},
french: {
name: 'French',
level: 'B2'
},
spanish: {
name: 'Spanish',
level: 'B2'
},
russian: {
name: 'Russian',
level: 'A1'
}
}
},
// Work History
work: {
positions: [
{
period: '08/2023 - Present',
company: 'Ritter Digital GmbH',
title: 'Digital Solutions Consultant',
location: 'Oberhausen',
highlights: [
'ERP consulting and implementation (JTL WaWi)',
'Process automation & full-stack development',
'RFID technology & automation',
'Lead generation & management',
'AI-supported content management'
]
},
{
period: '02/2023 - 08/2023',
company: 'Joyce & Girls Co AG',
title: 'ERP Integration Specialist',
location: 'Köln',
highlights: [
'Complex system integration (Apparel Magic, TradeByte)',
'Server administration and automation',
'Database and API development',
'Digital marketing and campaign analysis'
]
},
{
period: '08/2022 - 01/2023',
company: 'Magnarius',
title: 'RPA Developer & E-Commerce Manager',
location: 'Bergisch Gladbach',
highlights: [
'Shopware 6 development and JTL integration',
'Google Ads automation',
'CMS management and optimization',
'SEO strategy implementation'
]
}
]
}
} as const;
// Type for type safety
export type JourneyTranslations = typeof journey;
src/i18n/locales-old/en/pages/about/schema.ts
+31
View File
@@ -0,0 +1,31 @@
export const schema = {
page: {
name: 'About Damjan Savić',
description: 'Learn more about Damjan Savić, a certified JTL expert with extensive experience in e-commerce and warehouse management solutions.'
},
person: {
jobTitle: 'JTL Integration Expert',
description: 'With extensive experience in integrating and optimizing e-commerce systems, I help companies with the digital transformation of their business processes.',
languages: {
english: 'English',
serbian: 'Serbian',
german: 'German',
french: 'French',
spanish: 'Spanish',
russian: 'Russian'
},
skills: {
python: 'Python',
googleAds: 'Google Ads',
metaAds: 'Meta Ads',
shopware: 'Shopware',
shopify: 'Shopify',
wooCommerce: 'WooCommerce',
jtlWawi: 'JTL WAWI',
serverAdmin: 'Server Administration',
airflow: 'AirFlow'
}
}
} as const;
// Type for type safety
export type SchemaTranslations = typeof schema;
src/i18n/locales-old/en/pages/about/skillbar.ts
+13
View File
@@ -0,0 +1,13 @@
export const skillbar = {
// Accessibility labels
ariaLabel: {
skillLevel: 'Skill Level',
progressBar: 'Progress Bar'
},
// Screen reader text
screenReader: {
progress: '{{level}} percent progress for {{skill}}'
}
} as const;
// Type for type safety
export type SkillBarTranslations = typeof skillbar;
src/i18n/locales-old/en/pages/about/skillgroup.ts
+63
View File
@@ -0,0 +1,63 @@
export const skillgroup = {
// Categories
categories: {
development: 'Development',
ecommerce: 'E-Commerce',
marketing: 'Marketing',
automation: 'Automation',
languages: 'Programming Languages',
databases: 'Databases'
},
// Skills by category
skills: {
development: {
frontend: 'Frontend Development',
backend: 'Backend Development',
fullstack: 'Full-Stack Development',
api: 'API Development',
testing: 'Software Testing'
},
ecommerce: {
jtl: 'JTL WaWi',
shopware: 'Shopware',
shopify: 'Shopify',
woocommerce: 'WooCommerce',
magento: 'Magento'
},
marketing: {
seo: 'Search Engine Optimization',
sea: 'Search Engine Advertising',
analytics: 'Web Analytics',
googleAds: 'Google Ads',
metaAds: 'Meta Ads'
},
automation: {
rpa: 'Robotic Process Automation',
workflow: 'Workflow Automation',
cicd: 'CI/CD',
testing: 'Test Automation',
deployment: 'Deployment Automation'
},
languages: {
python: 'Python',
javascript: 'JavaScript',
typescript: 'TypeScript',
php: 'PHP',
sql: 'SQL'
},
databases: {
mysql: 'MySQL',
postgresql: 'PostgreSQL',
mongodb: 'MongoDB',
redis: 'Redis',
elasticsearch: 'Elasticsearch'
}
},
// Accessibility
ariaLabels: {
skillGroup: 'Skill Group',
skillList: 'List of skills in this category'
}
} as const;
// Type for type safety
export type SkillGroupTranslations = typeof skillgroup;
src/i18n/locales-old/en/pages/about/skills.ts
+46
View File
@@ -0,0 +1,46 @@
// en/pages/about/skills.ts
export const skills = {
title: 'Skills',
skillGroups: [
{
category: 'Development',
items: [
{ name: 'Python', level: 90 },
{ name: 'Google Ads', level: 85 },
{ name: 'Meta Ads', level: 85 }
]
},
{
category: 'E-Commerce',
items: [
{ name: 'Shopware', level: 85 },
{ name: 'Shopify', level: 85 },
{ name: 'WooCommerce', level: 85 }
]
},
{
category: 'System Administration',
items: [
{ name: 'JTL WAWI', level: 85 },
{ name: 'Server', level: 75 },
{ name: 'AirFlow', level: 60 }
]
}
],
ui: {
percentage: 'percent',
levelLabel: 'Level',
skillLevel: '{{level}}% proficiency in {{skill}}'
},
aria: {
skillGroup: 'Skill group for {{category}}',
skillBar: 'Progress bar for {{skill}}',
skillIcon: 'Icon for {{category}}',
selectSkill: 'Select skill'
},
screenReader: {
skillProgress: '{{skill}} with a level of {{level}} percent'
}
} as const;
export type SkillsTranslations = typeof skills;
src/i18n/locales-old/en/pages/about/workflow.ts
+44
View File
@@ -0,0 +1,44 @@
export const workflow = {
// Page title
title: 'MY WORKFLOW',
description: 'Systematic approach to software development through defined steps',
// Workflow steps
steps: [
{
number: '01',
title: 'REQUIREMENTS ANALYSIS'
},
{
number: '02',
title: 'ASSESSMENT OF DEADLINES AND CONSTRAINTS'
},
{
number: '03',
title: 'DEVELOPMENT ENVIRONMENT SETUP'
},
{
number: '04',
title: 'PROGRAMMING'
},
{
number: '05',
title: 'TESTING THE RESULTS'
},
{
number: '06',
title: 'CODE SUPPORT AND SCALING'
}
],
// Aria Labels for accessibility
aria: {
workflowSection: 'Workflow Process',
stepNumber: 'Step {{number}}',
stepDescription: 'Workflow step: {{title}}'
},
// Screen Reader texts
screenReader: {
stepProgress: 'Step {{number}} of {{total}}: {{title}}'
}
} as const;
// Type for type safety
export type WorkflowTranslations = typeof workflow;
src/i18n/locales-old/en/pages/contact/contactform.ts
+41
View File
@@ -0,0 +1,41 @@
// src/i18n/locales/en/pages/contact/contactform.ts
export const contactform = {
// Form Header
title: 'Contact Me',
description: 'Have questions or want to collaborate? Send me a message.',
// Form Fields
name: {
label: 'Name',
placeholder: 'Your full name'
},
email: {
label: 'Email',
placeholder: 'your.email@example.com'
},
message: {
label: 'Message',
placeholder: 'Your message to me...'
},
// Button
submit: 'Send Message',
// Status Messages
successMessage: 'Thank you for your message! I will get back to you as soon as possible.',
errorMessage: 'Sorry, there was an error sending your message. Please try again later.',
// Error Messages
errors: {
nameRequired: 'Please enter your name',
emailRequired: 'Please enter your email address',
emailInvalid: 'Please enter a valid email address',
messageRequired: 'Please enter a message'
},
// Aria Labels
aria: {
form: 'Contact form',
submitting: 'Sending form',
successAlert: 'Success message',
errorAlert: 'Error message'
}
} as const;
// Type for type safety
export type ContactFormTranslations = typeof contactform;
src/i18n/locales-old/en/pages/contact/contactinfo.ts
+27
View File
@@ -0,0 +1,27 @@
// src/i18n/locales/en/pages/contact/contactinfo.ts
export const contactinfo = {
// Header
title: 'Contact Information',
description: 'You can reach me through the following channels',
// Contact Method Labels
addressLabel: 'Office Location',
phoneLabel: 'Phone',
emailLabel: 'Email',
// Contact Information
address: 'Rotdornallee, Köln',
phone: '+49 175 695 0979',
email: 'info@damjan-savic.com',
// Additional Information
availabilityNote: 'Business hours: Monday to Friday, 9:00 AM - 5:00 PM',
// Aria Labels
aria: {
contactCard: 'Contact information card',
addressLink: 'Open location in Google Maps',
phoneLink: 'Call',
emailLink: 'Send email',
externalLink: 'Opens in new tab'
}
} as const;
// Type for type safety
export type ContactInfoTranslations = typeof contactinfo;
src/i18n/locales-old/en/pages/contact/index.ts
+71
View File
@@ -0,0 +1,71 @@
// src/i18n/locales/en/pages/contact/index.ts
export const contact = {
breadcrumb: "CONTACT",
hero: {
title: "Let's Work Together",
subtitle: "Have a project in mind? Let's discuss how we can help you achieve your goals."
},
contactInfo: {
title: "Contact Information",
description: "You can reach me through the following channels",
address: {
label: "Office Location",
value: "Rotdornallee, Köln"
},
phone: {
label: "Phone",
value: "+49 175 695 0979"
},
email: {
label: "Email",
value: "info@damjan-savic.com"
},
availabilityNote: "Business hours: Monday to Friday, 9:00 AM - 5:00 PM",
aria: {
contactCard: "Contact information card",
addressLink: "Open location in Google Maps",
phoneLink: "Call",
emailLink: "Send email",
externalLink: "Opens in new tab"
}
},
contactForm: {
title: "Contact Me",
description: "Have questions or want to collaborate? Send me a message.",
name: {
label: "Name",
placeholder: "Your full name"
},
email: {
label: "Email",
placeholder: "your.email@example.com"
},
message: {
label: "Message",
placeholder: "Your message to me..."
},
submit: "Send Message",
successMessage: "Thank you for your message! I will get back to you as soon as possible.",
errorMessage: "Sorry, there was an error sending your message. Please try again later.",
errors: {
nameRequired: "Please enter your name",
emailRequired: "Please enter your email address",
emailInvalid: "Please enter a valid email address",
messageRequired: "Please enter a message"
},
aria: {
form: "Contact form",
submitting: "Sending form",
successAlert: "Success message",
errorAlert: "Error message"
}
}
} as const;
export type ContactTranslations = typeof contact;
export default {
pages: {
contact: contact
}
};
src/i18n/locales-old/en/pages/dashboard.ts
+76
View File
@@ -0,0 +1,76 @@
// src/i18n/locales/en/pages/dashboard.ts
export const dashboard = {
// SEO
seo: {
title: 'Analytics Dashboard',
description: 'Website Analysis Dashboard'
},
// Main headings
header: {
title: 'Analytics Dashboard',
activeUsers: 'active users'
},
// Metric cards
metrics: {
pageViews: {
title: 'Page Views',
perMinute: 'per minute'
},
uniqueVisitors: {
title: 'Unique Visitors',
currentlyActive: 'currently active'
},
conversions: {
title: 'Conversions',
rate: 'conversion rate'
},
timeOnSite: {
title: 'Avg. Time on Site',
bounceRate: 'bounce rate'
}
},
// Top pages section
topPages: {
title: 'Top Pages',
columns: {
path: 'Path',
views: 'Views',
change: 'Change'
}
},
// Event tracking section
events: {
title: 'Event Tracking',
types: {
contactForm: 'Contact Form Submission',
portfolioView: 'Portfolio View',
cvDownload: 'CV Download',
blogRead: 'Blog Read'
}
},
// Status messages
status: {
loading: 'Loading Dashboard...',
error: 'Error loading data',
notAuthenticated: 'Please sign in'
},
// Miscellaneous
misc: {
viewMore: 'View More',
refresh: 'Refresh',
period: {
today: 'Today',
yesterday: 'Yesterday',
last7Days: 'Last 7 Days',
last30Days: 'Last 30 Days',
thisMonth: 'This Month',
lastMonth: 'Last Month'
}
},
// Trends and changes
trends: {
increase: 'Increase',
decrease: 'Decrease',
noChange: 'No Change'
}
};
src/i18n/locales-old/en/pages/home/about.ts
+13
View File
@@ -0,0 +1,13 @@
// src/i18n/locales/en/pages/home/about.ts
export const about = {
title: 'About Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant',
content: 'Damjan Savić is a Senior Fullstack Developer and Digital Solutions Consultant with over 10 years of experience in Enterprise Software Development. Based in Cologne, Germany, Damjan Savić specializes in developing scalable cloud-native solutions, AI integration with OLLAMA and Large Language Models, and digital transformation. Damjan Savić combines deep expertise in Python, React, TypeScript, and Microservices Architecture with a holistic consulting approach. From strategic IT consulting to implementing SAP/ERP integrations and developing custom e-commerce platforms - Damjan Savić delivers innovative solutions for complex business requirements. As a DevOps Engineer, Damjan Savić implements modern CI/CD pipelines and container orchestration with Docker and Kubernetes to ensure highest quality and efficiency. Damjan Savić transforms businesses through intelligent automation, cloud architecture, and cutting-edge technology solutions.',
image: {
alt: 'Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant | Software Architect | Cloud Expert | AI Specialist'
},
buttons: {
learnMore: 'Learn more',
downloadCV: 'Download CV'
}
} as const;
export type AboutTranslations = typeof about;
src/i18n/locales-old/en/pages/home/experience.ts
+86
View File
@@ -0,0 +1,86 @@
// src/i18n/locales/en/pages/home/experience.ts
export const experience = {
title: 'Professional Experience',
navigation: {
prev: '←',
next: '→'
},
positions: [
{
role: 'Process Automation Specialist',
company: 'Everlast Consulting GmbH',
period: '12/2024 - PRESENT',
highlights: [
'Developing AI agents with n8n and Zapier',
'Building web scraping solutions',
'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'
]
},
{
role: 'ERP Integration Specialist & E-Commerce Developer',
company: 'Joyce & Girls',
period: '01/2023 - 08/2023',
highlights: [
'ApparelMagic & TradeByte integration',
'MariaDB middleware development',
'Windows Server administration',
'Shopify optimization'
]
},
{
role: 'RPA Developer & E-Commerce Manager',
company: 'C&S Marketing',
period: '08/2022 - 01/2023',
highlights: [
'Shopware 6 & JTL integration',
'Python automation',
'Google Ads optimization',
'CMS management'
]
},
{
role: 'E-Commerce Developer',
company: 'Brands Club GmbH',
period: '08/2021 - 07/2022',
highlights: [
'Shopify & JTL integration',
'Server administration',
'Content production',
'Marketing automation'
]
},
{
role: 'E-Commerce Developer',
company: 'Feine Uhren Eupen',
period: '01/2021 - 08/2021',
highlights: [
'Shopware 5 development',
'Product photography',
'Luxury watch segment sales',
'E-Commerce management'
]
},
{
role: 'Online Marketing Manager',
company: 'Ufer8, Ambis, Teatro & Die Halle Tor 2',
period: '01/2018 - 12/2020',
highlights: [
'Social media content',
'Event marketing',
'Event organization',
'Marketing automation'
]
}
]
} as const;
export type ExperienceTranslations = typeof experience;
src/i18n/locales-old/en/pages/home/expertise.ts
+27
View File
@@ -0,0 +1,27 @@
// src/i18n/locales/en/pages/home/expertise.ts
export const expertise = {
title: 'Areas of Expertise',
areas: [
{
title: 'ERP Integration',
description: 'Expert in JTL-Wawi implementation, configuration, and optimization. Specialized in inventory management systems and POS integration.',
skills: ['JTL-Wawi', 'JTL-WMS', 'JTL-POS', 'Apparel Magic']
},
{
title: 'Development',
description: 'Full-stack development with focus on Python automation, React frontends, and database design.',
skills: ['Python', 'React/Next.js', 'MariaDB', 'Docker']
},
{
title: 'E-Commerce',
description: 'Extensive experience with various e-commerce platforms and marketplace integrations.',
skills: ['Shopify', 'Shopware', 'WooCommerce', 'API Integration']
},
{
title: 'Digital Marketing',
description: 'Strategic approach to digital marketing with focus on automation and analytics.',
skills: ['Google Ads', 'Meta Ads', 'SEO', 'Analytics']
}
]
} as const;
export type ExpertiseTranslations = typeof expertise;
src/i18n/locales-old/en/pages/home/hero.ts
+31
View File
@@ -0,0 +1,31 @@
// src/i18n/locales/en/pages/home/hero.ts
export const hero = {
title: 'AI & AUTOMATION SPECIALIST',
name: '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ć - AI & Automation Specialist | AI Agents, Voice AI & Process Automation'
},
social: {
getInTouch: 'Get in touch',
linkedin: {
title: 'Visit my LinkedIn profile'
},
github: {
title: 'Visit my GitHub profile'
},
email: {
title: 'Send me an email'
}
},
navigation: {
experience: 'EXPERIENCE',
skills: 'SKILLS',
projects: 'PROJECTS',
about: 'ABOUT'
}
} as const;
export type HeroTranslations = typeof hero;
src/i18n/locales-old/en/pages/home/index.ts
+25
View File
@@ -0,0 +1,25 @@
// src/i18n/locales/de/pages/home/index.ts
import { hero } from './hero';
import { about } from './about';
import { experience } from './experience';
import { expertise } from './expertise';
import { skills } from './skills';
import { projects } from './projects';
export const home = {
hero,
about,
experience,
expertise,
skills,
projects
} as const;
export type HomeTranslations = typeof home;
// Re-export individual sections for direct access
export {
hero,
about,
experience,
expertise,
skills,
projects
};
src/i18n/locales-old/en/pages/home/projects.ts
+10
View File
@@ -0,0 +1,10 @@
// src/i18n/locales/en/pages/home/projects.ts
export const projects = {
title: 'Portfolio',
viewAll: 'All Projects →',
loading: 'Loading projects...',
error: {
loading: 'Error loading projects'
}
} as const;
export type ProjectsTranslations = typeof projects;
src/i18n/locales-old/en/pages/home/skills.ts
+41
View File
@@ -0,0 +1,41 @@
// src/i18n/locales/en/pages/home/skills.ts
export const skills = {
title: 'Skills',
skills: [
{
name: 'AI & LLMs',
level: 90,
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: 'PostgreSQL, Supabase, MariaDB'
},
{
name: 'DevOps',
level: 75,
description: 'Docker, Vercel, Dedicated Servers'
}
],
aria: {
skillLevel: 'Skill level',
selectSkill: 'Select skill'
}
} as const;
export type SkillsTranslations = typeof skills;
src/i18n/locales-old/en/pages/login.ts
+54
View File
@@ -0,0 +1,54 @@
// src/i18n/locales/en/pages/login.ts
export const login = {
// SEO
seo: {
title: 'Login',
description: 'Sign in to access the dashboard'
},
// Main heading
header: {
title: 'Sign in to Dashboard'
},
// Form
form: {
// Fields
email: {
label: 'Email Address',
placeholder: 'your.email@example.com'
},
password: {
label: 'Password',
placeholder: 'Your password'
},
// Buttons
submit: {
default: 'Sign In',
loading: 'Signing in...'
},
// Error messages
errors: {
default: 'An error has occurred',
invalidCredentials: 'Invalid credentials',
emailRequired: 'Please enter your email address',
passwordRequired: 'Please enter your password',
emailInvalid: 'Please enter a valid email address'
}
},
// Links and help
help: {
forgotPassword: 'Forgot Password?',
needHelp: 'Need Help?',
contactSupport: 'Contact Support'
},
// Status messages
status: {
authenticating: 'Authenticating...',
success: 'Successfully signed in',
redirecting: 'Redirecting to dashboard...'
},
// Security notices
security: {
secureConnection: 'Secure Connection',
privacyNote: 'Your data is transmitted encrypted'
}
};
src/i18n/locales-old/en/pages/notfound.ts
+19
View File
@@ -0,0 +1,19 @@
// src/i18n/locales/en/pages/notfound.ts
export const notfound = {
// SEO
seo: {
title: '404 - Page Not Found',
description: 'The requested page does not exist.'
},
// Main content
content: {
errorCode: '404',
title: 'Page Not Found',
description: 'The page you are looking for does not exist or has been moved.',
},
// Action buttons
actions: {
goBack: 'Go Back',
homePage: 'Home Page'
}
};
src/i18n/locales-old/en/pages/portfolio.ts
+117
View File
@@ -0,0 +1,117 @@
// src/i18n/locales/en/pages/portfolio.ts
export const portfolio = {
// SEO and meta information
seo: {
title: 'Portfolio - Damjan Savić',
description: 'Discover my projects in JTL integration, e-commerce, and digital transformation.'
},
// Main page
main: {
title: 'Portfolio',
loading: 'Loading projects...',
error: 'Error loading projects',
noProjects: {
title: 'No Projects Found',
description: 'Currently, no projects are available. Please check back later.'
}
},
// Project cards
projectCard: {
date: 'Date',
technologies: 'Technologies',
moreCount: 'more', // for '+X more'
readMore: 'Learn More'
},
// 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'
},
metadata: {
date: 'Date',
client: 'Client',
duration: 'Duration',
repository: 'Repository',
documentation: 'Documentation',
technologies: 'Technologies',
live: 'Live Version'
},
sections: {
overview: 'Overview',
challenge: 'Challenge',
solution: 'Solution',
results: 'Results',
systemArchitecture: 'System Architecture',
implementation: 'Implementation',
technologies: 'Technologies Used'
}
},
// Categories and filters
categories: {
all: 'All',
'Data Science': 'Data Science',
'AI Development': 'AI Development',
'Integration': 'Integration',
'Full-Stack Development': 'Full-Stack Development',
'Data Processing': 'Data Processing',
'Content Production': 'Content Production',
'Machine Learning': 'Machine Learning',
'Automation': 'Automation'
},
// Specific projects
projects: {
'ai-data-reader': {
title: 'AI-Based Product Data Management from PDF Files',
description: 'Development of an automated system for extracting and structuring product data from PDF documents'
},
'bi-vision': {
title: 'AI Videos for BI Software',
description: 'Development of AI-powered explainer videos for business intelligence dashboards'
},
'business-intelligence-ai': {
title: 'AI for Business Intelligence',
description: 'Integration of AI models into business intelligence systems for process optimization'
},
'claude-personal-assistant': {
title: 'AI-Based Personal Assistant with Claude AI',
description: 'Development of a personalized AI assistant for professional email communication'
},
'e-commerce-integration': {
title: 'Integration with TradeByte',
description: 'Integration of a Shopify store with JTL-WaWi for optimized inventory management'
},
'jtl-integration-project': {
title: 'JTL Integration Reference Project',
description: 'A complete warehouse system in Krefeld based on JTL'
},
'local-llm-training': {
title: 'Training of Local AI Models',
description: 'Development of a pipeline for training and fine-tuning local AI models'
},
'processautomation': {
title: 'Automation with Python',
description: 'Development of automation solutions for business processes'
},
'rfid-automation': {
title: 'RFID Automation',
description: 'Development of an automated system for creating and printing RFID labels'
},
'timetracking-software': {
title: 'Digital Time Tracking',
description: 'Development of a modern time tracking solution with Next.js, Flask, and MSSQL'
}
},
// Status messages
status: {
loading: 'Loading...',
error: 'An error has occurred',
success: 'Successfully loaded'
}
};
src/i18n/locales-old/en/pages/privacy.ts
+96
View File
@@ -0,0 +1,96 @@
// src/i18n/locales/en/pages/privacy.ts
export const privacy = {
// SEO and Schema
seo: {
title: 'Privacy Policy',
description: 'Privacy Policy for Damjan Savić\'s portfolio website'
},
schema: {
name: 'Privacy Policy',
description: 'Privacy Policy for Damjan Savić\'s portfolio website'
},
// Main content
content: {
title: 'Privacy Policy',
lastUpdated: 'Last updated: March 10, 2024',
// Navigation
breadcrumbs: {
currentTitle: 'Privacy Policy'
},
// Sections
sections: {
introduction: {
title: '1. Introduction',
content: 'This Privacy Policy explains how we collect, use, and protect your personal data when you use our website.'
},
dataCollection: {
title: '2. Data Collection',
providedInfo: {
title: '2.1 Information You Provide',
intro: 'When using our contact form, we collect:',
items: [
'Name',
'Email address',
'Message content'
]
},
automaticInfo: {
title: '2.2 Automatically Collected Information',
intro: 'We automatically collect:',
items: [
'IP address',
'Browser type',
'Device information',
'Pages visited',
'Time spent on the website'
]
}
},
dataUsage: {
title: '3. Use of Your Data',
intro: 'We use your data for:',
items: [
'Responding to your inquiries',
'Improving our website',
'Analyzing usage patterns',
'Fraud prevention'
]
},
cookies: {
title: '4. Cookies',
intro: 'We use cookies for:',
items: [
'Storing your preferences',
'Analyzing website traffic',
'Understanding user behavior'
]
},
security: {
title: '5. Data Security',
intro: 'We implement appropriate security measures to protect your personal data, including:',
items: [
'Data transmission encryption',
'Regular security assessments',
'Access controls',
'Secure data storage'
]
},
rights: {
title: '6. Your Rights',
intro: 'You have the right to:',
items: [
'Access your personal data',
'Rectify the data',
'Delete the data',
'Object to data processing',
'Data portability'
]
},
contact: {
title: '7. Contact Information',
intro: 'For privacy-related inquiries, contact us at:',
email: 'Email: privacy@damjan-savic.com'
}
}
}
};
src/i18n/locales-old/en/pages/terms.ts
+59
View File
@@ -0,0 +1,59 @@
// src/i18n/locales/en/pages/terms.ts
export const terms = {
// SEO and Schema
seo: {
title: 'Terms and Conditions',
description: 'Terms and Conditions for Damjan Savić\'s portfolio website'
},
schema: {
name: 'Terms and Conditions',
description: 'Terms and Conditions for Damjan Savić\'s portfolio website'
},
// Main content
content: {
title: 'Terms and Conditions',
lastUpdated: 'Last updated: March 10, 2024',
// Navigation
breadcrumbs: {
currentTitle: 'Terms and Conditions'
},
// Sections
sections: {
agreement: {
title: '1. Agreement to Terms',
content: 'By accessing our website, you agree to be bound by these Terms and Conditions and to comply with all applicable laws and regulations.'
},
intellectualProperty: {
title: '2. Intellectual Property Rights',
content: 'All content on this website, including but not limited to text, graphics, logos, images, and software, is the property of Damjan Savić and is protected by intellectual property laws.'
},
userResponsibilities: {
title: '3. User Responsibilities',
intro: 'When using our website, you agree to:',
items: [
'Provide accurate information',
'Use the website legally and ethically',
'Not attempt unauthorized access',
'Not disrupt the website\'s operation'
]
},
liability: {
title: '4. Limitation of Liability',
content: 'We are not liable for any indirect, incidental, special, consequential, or punitive damages resulting from your use or inability to use the website.'
},
changes: {
title: '5. Changes to Terms',
content: 'We reserve the right to modify these terms at any time. We will notify users of any material changes by posting the new Terms and Conditions on this page.'
},
governingLaw: {
title: '6. Governing Law',
content: 'These terms are governed by and construed in accordance with the laws of the Federal Republic of Germany, without regard to its conflict of law provisions.'
},
contact: {
title: '7. Contact Information',
intro: 'For questions about these Terms and Conditions, please contact us at:',
email: 'Email: legal@damjan-savic.com'
}
}
}
};
src/i18n/locales-old/en/portfolio/index.ts
+70
View File
@@ -0,0 +1,70 @@
// src/i18n/locales/en/portfolio/index.ts
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 aiMusicProduction from './projects/ai-music-production';
import automatedAdCreatives from './projects/automated-ad-creatives';
import cursorIde from './projects/cursor-ide';
export const portfolio = {
// Meta information for the portfolio page
seo: {
title: 'Portfolio - Damjan Savić',
description: 'Discover my projects in JTL integration, e-commerce, and digital transformation.'
},
// Portfolio headings and filters
sections: {
title: 'Portfolio',
subtitle: 'Selected projects and references',
filterTitle: 'Categories',
sortTitle: 'Sort'
},
// Filter options
filters: {
all: 'All',
categories: {
'Data Science': 'Data Science',
'AI Development': 'AI Development',
'Integration': 'Integration',
'Full-Stack Development': 'Full-Stack Development',
'Data Processing': 'Data Processing',
'Content Production': 'Content Production',
'Machine Learning': 'Machine Learning',
'Automation': 'Automation',
'Web Development': 'Web Development',
'AI & Automation': 'AI & Automation',
'Enterprise Software': 'Enterprise Software'
}
},
// Sort options
sort: {
date: 'Date',
title: 'Title',
category: 'Category'
},
// UI texts
ui: {
loading: 'Loading projects...',
noProjects: 'No projects found',
viewProject: 'View project',
backToPortfolio: 'Back to portfolio',
technologies: 'Technologies',
client: 'Client',
duration: 'Duration',
visitWebsite: 'Visit website',
viewRepository: 'View repository',
viewDocumentation: 'Documentation'
},
// All projects
projects: {
'ai-data-reader': aiDataReader,
'kamenpro': kamenpro,
'smart-warehouse': smartWarehouse,
'power-platform-governance': powerPlatformGovernance,
'website-mit-ki': websiteMitKi,
'ai-music-production': aiMusicProduction,
'automated-ad-creatives': automatedAdCreatives,
'cursor-ide': cursorIde,
}
};
src/i18n/locales-old/en/portfolio/projects/ai-data-reader.ts
+107
View File
@@ -0,0 +1,107 @@
// src/i18n/locales/en/portfolio/projects/ai-data-reader.ts
export const aiDataReader = {
meta: {
slug: 'ai-data-reader',
title: "AI-Based Product Data Management from PDF Files",
description: "Development of an automated system for extracting and structuring product data from PDF documents",
excerpt: "Integration of Claude AI for intelligent processing of product information and seamless JTL ERP integration.",
date: "2025-02",
category: "Data Processing",
client: "Amazon Seller",
duration: "2 months",
url: "https://www.damjan-savic.com",
repository: "",
documentation: "",
published: true,
featured: true,
technologies: ["Python", "FastAPI", "Claude AI", "PyPDF", "Pydantic", "JTL-Wawi"],
tags: ["Data Extraction", "ERP", "Process Automation", "PDF Processing"]
},
content: {
intro: "An AI-powered system for automated extraction of product data from PDF documents with direct integration into JTL inventory management systems, developed for maximum efficiency in product data management.",
challenge: {
title: "The Challenge",
description: "Manual processing of product data from PDF documents was time-consuming and error-prone.",
points: [
"Large volumes of PDF documents containing product information",
"Time-intensive manual data entry",
"Inconsistent data quality",
"High personnel requirements"
]
},
solution: {
title: "Our Solution",
description: "Development of an AI-powered system for automated data extraction",
content: "By leveraging Claude AI and modern Python technologies, we created a fully automated solution that processes PDF documents and integrates the extracted data directly into the JTL inventory management system.",
points: [
"Automated PDF processing",
"AI-powered data extraction",
"Intelligent data validation",
"Seamless JTL integration"
]
},
technical: {
title: "Technical Implementation",
description: "The solution is based on a modular Python architecture with several core components:",
points: [
"Robust PDF text extraction with PyPDF",
"AI-powered data extraction with Claude AI",
"Validation through Pydantic Models",
"JTL ERP integration via CSV export"
],
code: `class ProductData(BaseModel):
artikel_nummer: str
name: str
hersteller: str
inhaltsstoffe: List[str]
allergene: List[str]
naehrwerte: NaehrwertData
nettogewicht: str
vegan: bool
vegetarisch: bool
def _extract_with_claude(self, prompt: str) -> Dict[str, Any]:
'''Extracts structured data with Claude AI.'''
response = self.client.messages.create(
model='claude-3-sonnet-20240229',
messages=[{
'role': 'user',
'content': prompt
}]
)
return self._clean_json_string(response.content)`
},
implementation: {
title: "Implementation Process",
description: "The automated workflow was implemented in several phases:",
points: [
"PDF batch processing from input directory",
"Intelligent text recognition and structuring",
"Multi-layer validation logic",
"Robust error handling",
"Integration with existing systems"
]
},
results: {
title: "Results and Impact",
description: "The implementation led to significant improvements in business processes:",
points: [
"90% time savings in product data management",
"99% accuracy in data extraction",
"Elimination of manual data entry",
"Standardized product data quality",
"Significantly reduced error rate"
]
},
conclusion: "The developed system has revolutionized product data management. By combining AI technology with automated data processing, we not only drastically increased efficiency but also significantly improved data quality. The project demonstrates impressively how modern AI solutions can solve practical business problems."
}
};
// Re-export for compatibility with the project import system
export default aiDataReader;
src/i18n/locales-old/en/portfolio/projects/ai-music-production.ts
+114
View File
@@ -0,0 +1,114 @@
// src/i18n/locales/en/portfolio/projects/ai-music-production.ts
export const aiMusicProduction = {
meta: {
slug: 'ai-music-production',
title: "Suno AI - AI-Powered Music Production | From Lyrics to Finished Track",
description: "Complete workflow for music production with Suno AI: writing lyrics, generating instrumentals, mixing styles, and publishing on Soundcloud.",
excerpt: "AI-powered music production with Suno AI. From handwritten lyrics to finished track in 2-3 hours - including cover design and Soundcloud upload.",
date: "2025-01",
category: "AI & Creative",
client: "Personal Project",
duration: "Ongoing",
url: "https://soundcloud.com/desetka",
videoUrl: "https://www.tella.tv/video/musikproduktion-per-ki-mit-damjan-savic-desetka-1-2mjh",
repository: "",
documentation: "",
published: true,
featured: true,
technologies: ["Suno AI", "Soundcloud", "Pinterest", "Photoshop", "AI Music Production"],
tags: ["Suno AI", "Music Production", "AI Music", "Desetka", "Soundcloud", "Creative AI"]
},
content: {
intro: "AI-powered music production: A complete workflow for creating professional songs with Suno AI. From idea to lyrics to finished track on Soundcloud - all in a structured process.",
challenge: {
title: "The Challenge",
description: "Traditional music production requires extensive resources and skills.",
points: [
"Classic music production needs expensive software and hardware",
"Instrumentalists and producers must be coordinated",
"The production process often takes weeks or months",
"High barriers to entry for artists without musical training",
"Creative visions are difficult to realize quickly"
]
},
solution: {
title: "The Solution",
description: "A structured AI workflow for efficient music production",
content: "With Suno AI, the entire music production process can be reduced to just a few hours. The workflow combines human creativity (lyrics) with AI-generated music for authentic, professional results.",
points: [
"Lyrics are written manually - full creative control",
"Suno AI generates instrumentals based on style prompts",
"Iterative remixing for the perfect sound",
"Cover design with Pinterest inspiration and Photoshop",
"Direct upload to Soundcloud under the alias 'Desetka'"
]
},
technical: {
title: "The Workflow",
description: "Step-by-step process for AI music production:",
points: [
"Write lyrics with clear rhyme scheme (e.g., endings on e, a, i)",
"Develop melody mentally while writing",
"Generate instrumental in Suno AI with style prompts",
"Configure Weirdness (35%) and Audio Influence (75%)",
"Mix different styles (e.g., Synthwave → Luxury Rap)",
"Like favorites for AI learning effect",
"Find cover on Pinterest and edit in Photoshop (1950x1950px)",
"WAV export and upload to Soundcloud"
],
code: `// Suno AI Style Configuration
const sunoConfig = {
name: "205 Matrix Instrumental",
settings: {
weirdness: "35%",
styleInfluence: "75%",
audioInfluence: "25-35%" // Lower for remastered
},
styles: [
"Synthwave",
"Melodic RIP",
"Luxury Rap"
],
tips: [
"Liked songs influence future generations",
"For artifacts: reduce Audio Influence",
"Combine styles for unique sound"
]
};`
},
implementation: {
title: "Creative Process",
description: "The art of songwriting with AI support:",
points: [
"Write lyrics in Serbian (melodic sound)",
"Clear rhyme scheme for hook and verses",
"Mentally develop melody before production",
"No instrumentals needed for initial ideas",
"Translation to English possible later",
"2-3 hours for a complete song",
"On good days: 3 songs per hour possible"
]
},
results: {
title: "Results",
description: "Benefits of AI-powered music production:",
points: [
"Production time reduced from weeks to hours",
"Full creative control over lyrics and direction",
"Professional instrumentals without a studio",
"Iterative work until the perfect sound",
"Direct path from concept to publication",
"Artist alias 'Desetka' established on Soundcloud"
]
},
conclusion: "AI music production with Suno AI revolutionizes the creative process. The combination of handwritten lyrics and AI-generated instrumentals makes it possible to realize musical visions quickly and professionally. The human remains creatively at the center - AI is the tool for realization."
}
};
export default aiMusicProduction;
src/i18n/locales-old/en/portfolio/projects/automated-ad-creatives.ts
+95
View File
@@ -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: '2025-01',
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;
src/i18n/locales-old/en/portfolio/projects/cursor-ide.ts
+89
View File
@@ -0,0 +1,89 @@
// src/i18n/locales/en/portfolio/projects/cursor-ide.ts
export const cursorIde = {
meta: {
slug: 'cursor-ide',
title: 'Cursor IDE: AI-Powered Software Development',
description: 'Introduction to Cursor - the revolutionary AI-powered development environment that enables software projects through natural language',
excerpt: 'Discover how Cursor IDE acts as your personal AI programmer and creates complete projects from natural language.',
date: '2025-01',
category: 'AI & Development',
client: 'Tutorial',
duration: 'Introduction',
url: 'https://cursor.com',
repository: '',
documentation: '',
published: true,
featured: true,
technologies: ['Cursor IDE', 'AI', 'Next.js', 'React', 'TypeScript', 'Node.js'],
tags: ['AI', 'IDE', 'Development', 'Tutorial', 'Code Generation', 'Automation'],
videoUrl: 'https://www.tella.tv/video/cursor-ide-1-1kjg'
},
content: {
intro: 'Cursor is an AI-powered development environment that works like a personal programmer. It understands natural language, generates code independently, finds and fixes errors - and builds complete software projects on command.',
challenge: {
title: 'Before: The Challenges',
description: 'Traditional software development came with high barriers:',
points: [
'Programming languages had to be learned',
'Debugging often took hours',
'Every line of code had to be typed manually',
'Google and Stackoverflow were constant companions',
'High entry barrier for non-developers'
]
},
solution: {
title: 'Now: The Solution with Cursor',
description: 'Cursor revolutionizes software development through AI integration:',
content: 'Imagine having a personal programmer sitting next to you who can understand all your software ideas in natural spoken language. That is exactly what Cursor is.',
points: [
'Simply describe what you want',
'AI finds and fixes errors automatically',
'AI generates the complete code',
'AI explains the entire project in the editor',
'Integrated browser for direct preview'
]
},
technical: {
title: 'The Cursor Interface',
description: 'After downloading from cursor.com, the interface consists of:',
points: [
'Menu bar (top): Navigation through the IDE',
'File Explorer (left): Project structure with directories and files',
'Editor (center): View and edit files',
'Terminal (bottom): Accessible via View > Terminal',
'AI Chat (right): Control development via AI'
]
},
implementation: {
title: 'Getting Started',
description: 'How to start with Cursor:',
points: [
'Download Cursor from cursor.com',
'Install for your operating system',
'Create a project folder and open it in Cursor',
'Describe what you want to build in the AI chat',
'Let the AI work and adjust as needed'
]
},
results: {
title: 'Practical Example',
description: 'A simple prompt like "I want to build a website with Next, React and TypeScript with a modern Hello World display" is enough:',
points: [
'AI checks the project state',
'The entire project is built automatically',
'After a few seconds, the website is ready',
'Install dependencies with npm install',
'Start the development server with npm run dev'
]
},
conclusion: 'Cursor revolutionizes software development by dramatically lowering the barrier between idea and implementation. Instead of learning programming languages, you simply describe in natural language what you want - and the AI does the rest.'
}
};
export default cursorIde;
src/i18n/locales-old/en/portfolio/projects/kamenpro.ts
+135
View File
@@ -0,0 +1,135 @@
// src/i18n/locales/en/portfolio/projects/kamenpro.ts
export const kamenpro = {
meta: {
slug: 'kamenpro',
title: "KamenPro: Digital Transformation for Decorative Stone Cladding",
description: "Development of a modern multi-location PWA for a decorative stone cladding manufacturer from Bijeljina using React 18.3 and Supabase",
excerpt: "From stone to pixel: How a traditional craft business generates 300% more inquiries through modern web technology.",
date: "2025-01",
category: "Web Development",
client: "KamenPro - Željko",
duration: "3 months",
url: "https://kamenpro.net",
repository: "",
documentation: "",
published: true,
featured: true,
technologies: ["React 18.3", "TypeScript", "Vite", "Supabase", "Framer Motion", "TailwindCSS", "PWA", "Schema.org"],
tags: ["Multi-Location SEO", "E-Commerce", "PWA", "Local Business", "Performance"]
},
content: {
intro: "KamenPro, an established manufacturer of decorative stone cladding from Bijeljina, faced the challenge of bringing their traditional craft into the digital world. This case study shows how modern web technology helped a local craft business achieve regional success.",
challenge: {
title: "The Challenge",
description: "As a manufacturer of high-quality stone cladding made from white cement, KamenPro lacked the digital presence to compete with online competition.",
points: [
"No digital presence despite high online demand",
"Customers searched online for 'dekorativni kamen' without finding KamenPro",
"Missing product presentation for 3 different stone textures",
"No local SEO presence in Bijeljina, Brčko and Tuzla",
"Loss of potential customers to digitally present competition"
]
},
solution: {
title: "The Solution Approach",
description: "A modern PWA with multi-location SEO strategy for maximum local visibility",
content: "We developed a high-performance Progressive Web App that makes KamenPro's craftsmanship digitally tangible. The focus was on local discoverability in three cities and optimal product presentation for builders and architects.",
points: [
"Multi-location SEO for Bijeljina, Brčko and Tuzla",
"Product catalog with HD images of stone textures",
"PWA for offline availability on construction sites",
"Supabase backend for product management and inquiries",
"Schema.org LocalBusiness for optimal Google presence"
]
},
technical: {
title: "Technical Implementation",
description: "Multi-location SEO architecture with location-specific landing pages:",
points: [
"Location-based routing for 3 cities",
"Product catalog system with Supabase",
"Image optimization for heavy stone texture photos",
"PWA for offline product catalog",
"Schema.org LocalBusiness for each city"
],
code: `// Multi-location SEO with Schema.org
const LocationPage: React.FC<{city: string}> = ({ city }) => {
const structuredData = {
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": \`KamenPro \${city}\`,
"description": \`Decorative stone and facade cladding in \${city}\`,
"telephone": "+387 65 678 634",
"address": {
"@type": "PostalAddress",
"addressLocality": city,
"addressCountry": "BA"
},
"areaServed": {
"@type": "GeoCircle",
"geoRadius": "50000"
}
};
return (
<>
<Helmet>
<title>Decorative Stone {city} | KamenPro</title>
<script type="application/ld+json">
{JSON.stringify(structuredData)}
</script>
</Helmet>
<LocationHero city={city} />
<ProductShowcase />
<ContactSection city={city} />
</>
);
};
// Product management with Supabase
interface StoneProduct {
id: string;
name: string;
type: 'decorative_stone' | 'rustic_brick';
dimensions: { length: 44, width: 8.5, thickness: 15 };
price_per_m2: number; // 33-40 BAM
weight_per_m2: 32; // kg
textures: string[]; // 3 different
available_colors: string[];
}`
},
implementation: {
title: "Local SEO Success",
description: "Through targeted multi-location optimization, we achieved top rankings:",
points: [
"Rank #1 for 'dekorativni kamen bijeljina'",
"Rank #2 for 'fasadne obloge brčko'",
"Rank #1 for 'rustik cigla tuzla'",
"Google My Business integration for all locations",
"Local backlinks from construction companies"
]
},
results: {
title: "Measurable Business Results",
description: "The digital transformation delivered impressive results:",
points: [
"300% more inquiries in the first 3 months",
"From 0 to rank 1-3 for local searches",
"45 inquiries/month instead of ~12 previously",
"25-30 projects/quarter instead of 8-10",
"ROI of 275% in 6 months",
"Expansion into new markets through online presence"
]
},
conclusion: "KamenPro's digital transformation impressively shows how a traditional craft business can open up new markets through modern web technology. The combination of multi-location SEO, optimized product presentation and technical excellence led to a tripling of customer inquiries. Particularly remarkable: A local stone cladding manufacturer from Bijeljina now reaches customers throughout the region - proof that thoughtful digitalization brings measurable success even in traditional crafts."
}
};
// Re-export for compatibility with the project import system
export default kamenpro;
src/i18n/locales-old/en/portfolio/projects/power-platform-governance.ts
+244
View File
@@ -0,0 +1,244 @@
// src/i18n/locales/en/portfolio/projects/power-platform-governance.ts
export const powerPlatformGovernance = {
meta: {
slug: 'power-platform-governance',
title: "Power Platform Governance & Automation Suite",
description: "Enterprise governance platform for Microsoft Power Platform and SharePoint Online",
excerpt: "Central management, monitoring, and automation of the entire M365 environment - from tenant provisioning to compliance monitoring.",
date: "2025-01",
category: "Enterprise Software",
client: "Enterprise CoE Teams",
duration: "6 months",
url: "https://governance-demo.azurewebsites.net",
repository: "",
documentation: "/docs/power-platform-governance",
published: true,
featured: true,
technologies: ["React", "TypeScript", "Node.js", "Microsoft Graph", "PowerShell", "Azure Functions", "GraphQL", "Fluent UI"],
tags: ["Microsoft 365", "Power Platform", "SharePoint", "Governance", "Automation", "Enterprise"]
},
content: {
intro: "A comprehensive enterprise governance platform that enables IT administrators and Power Platform CoE teams to centrally manage and automate their entire M365 environment.",
challenge: {
title: "The Challenge",
description: "Uncontrolled growth of Power Apps, Flows, and SharePoint sites led to critical issues.",
points: [
"Shadow IT through ungoverned citizen development",
"Compliance risks and data protection violations",
"Exploding license costs from unused resources",
"Lack of visibility into the Power Platform landscape",
"Manual, error-prone provisioning processes",
"Inconsistent governance policies across teams"
]
},
solution: {
title: "The Solution",
description: "A central governance platform with real-time monitoring and automation",
content: "The platform combines modern web technologies with Microsoft 365 APIs to enable seamless integration and complete control over the entire Power Platform environment.",
points: [
"Automated Provisioning Hub for sites, teams, and environments",
"Real-Time Monitoring Dashboard with live activity streams",
"Power Platform Governance Center with DLP policy enforcement",
"Compliance & Security Suite with permission analyzer",
"PowerShell Automation Framework for custom operations",
"Intelligent Resource Optimization with ML-based predictions"
]
},
technical: {
title: "Technical Implementation",
description: "The solution is based on a modern microservices architecture with event-driven design:",
points: [
"React 18.3 with TypeScript for type-safe frontend development",
"Fluent UI v9 for native Microsoft look & feel",
"GraphQL API with Apollo Server for efficient data queries",
"Azure Functions for serverless automation",
"PowerShell 7.4 Core for M365 operations",
"Azure Service Bus for asynchronous job processing",
"Cosmos DB for global data replication"
]
},
features: {
title: "Key Features",
items: [
{
title: "Automated Provisioning Hub",
description: "Template-based SharePoint site creation with bulk provisioning and post-provisioning workflows",
icon: "automation"
},
{
title: "Real-Time Monitoring",
description: "Live activity streams with real-time updates via WebSockets and GraphQL subscriptions",
icon: "monitoring"
},
{
title: "Permission Analyzer",
description: "Cross-tenant permission reports with overprivileged users detection and external sharing audit",
icon: "security"
},
{
title: "PowerShell Framework",
description: "120+ custom cmdlets with centralized script library and scheduled automation",
icon: "powershell"
},
{
title: "Compliance Suite",
description: "DLP policy builder with sensitive data discovery and automated remediation",
icon: "compliance"
},
{
title: "Resource Optimizer",
description: "ML-based usage prediction with automated cleanup and cost allocation",
icon: "optimization"
}
]
},
implementation: {
title: "Implementation Phases",
phases: [
{
title: "Phase 1: Foundation",
duration: "6 weeks",
description: "Architecture setup and core services",
tasks: [
"Azure infrastructure setup with Terraform",
"GraphQL API and authentication service",
"Microsoft Graph integration",
"PowerShell execution framework"
]
},
{
title: "Phase 2: Core Features",
duration: "10 weeks",
description: "Development of main functionalities",
tasks: [
"Provisioning engine with template system",
"Real-time monitoring dashboard",
"Permission analyzer implementation",
"DLP policy management"
]
},
{
title: "Phase 3: Intelligence",
duration: "8 weeks",
description: "ML features and automation",
tasks: [
"Resource usage prediction model",
"Automated cleanup workflows",
"Cost optimization engine",
"Anomaly detection system"
]
}
]
},
challenges: {
title: "Challenges & Solutions",
items: [
{
challenge: "API rate limiting",
solution: "Intelligent request batching with exponential backoff and Redis-based caching"
},
{
challenge: "Multi-tenant isolation",
solution: "Separate databases per tenant with row-level security and encryption at rest"
},
{
challenge: "Real-time updates with large data volumes",
solution: "WebSocket-based updates with GraphQL subscriptions and delta queries"
},
{
challenge: "PowerShell execution security",
solution: "Sandboxed execution with Azure Container Instances and Just Enough Administration"
}
]
},
results: {
title: "Results",
description: "The platform completely transformed Power Platform governance:",
metrics: [
{ label: "Provisioning time", value: "95% faster" },
{ label: "Compliance rate", value: "94%" },
{ label: "Cost reduction", value: "40%" },
{ label: "Admin productivity", value: "3x" },
{ label: "Incident response", value: "80% faster" },
{ label: "Shadow IT reduction", value: "90%" }
],
impact: "The solution enabled organizations to find the balance between innovation and control. Citizen developers could work safely while IT maintained full governance."
},
performance: {
title: "Performance & Scaling",
metrics: {
technical: {
title: "Technical Metrics",
items: [
"35,000+ lines of code",
"45+ React components",
"120+ PowerShell cmdlets",
"80+ GraphQL endpoints",
"92% test coverage"
]
},
scale: {
title: "Scale",
items: [
"25+ enterprise tenants",
"50,000+ managed resources",
"5,000+ daily automations",
"100+ concurrent users",
"99.9% uptime SLA"
]
},
architecture: {
title: "Architecture",
items: [
"Multi-region deployment",
"Auto-scaling with AKS",
"Global data replication",
"Zero-downtime deployments",
"Disaster recovery <1h RTO"
]
}
}
},
testimonial: {
text: "This platform revolutionized our Power Platform governance. What used to take weeks now happens in minutes - fully automated and compliant.",
author: "Michael Schmidt",
position: "Head of IT Governance",
company: "Fortune 500 Company"
},
learnings: {
title: "Lessons Learned",
items: [
"Event-driven architecture is essential for scalability with enterprise workloads",
"PowerShell Core enables cross-platform automation without Windows dependency",
"GraphQL reduced API calls by 60% through efficient data fetching",
"Policy as Code significantly simplified governance management",
"Incremental sync with delta queries is critical for performance"
]
},
future: {
title: "Future Perspectives",
description: "The platform is continuously being expanded and improved.",
plans: [
"AI-powered insights with anomaly detection",
"Microsoft Copilot integration for natural language governance",
"Fabric Analytics for advanced BI integration",
"Container Apps for serverless PowerShell execution",
"Zero Trust security model implementation",
"Cross-cloud support for AWS and Google Cloud"
]
}
}
};
export default powerPlatformGovernance;
src/i18n/locales-old/en/portfolio/projects/smart-warehouse.ts
+222
View File
@@ -0,0 +1,222 @@
// src/i18n/locales/en/portfolio/projects/smart-warehouse.ts
export const smartWarehouse = {
meta: {
slug: 'smart-warehouse',
title: "Intelligent Warehouse Management with Computer Vision",
description: "AI-powered system for real-time inventory management and warehouse process optimization",
excerpt: "Development of an autonomous warehouse management system with Computer Vision, IoT sensors, and Machine Learning for precise inventory tracking.",
date: "2025-01",
category: "AI & Automation",
client: "LogiTech Solutions GmbH",
duration: "4 months",
url: "https://warehouse-demo.example.com",
repository: "",
documentation: "/case-studies/smart-warehouse",
published: true,
featured: true,
technologies: ["YOLOv8", "Python", "FastAPI", "React", "PostgreSQL", "Docker", "Kubernetes", "IoT", "MQTT"],
tags: ["Computer Vision", "Machine Learning", "IoT", "Edge Computing", "Automation"]
},
content: {
intro: "A mid-sized logistics provider transformed their manual warehouse management through a fully automated system combining Computer Vision, IoT sensors, and Machine Learning.",
challenge: {
title: "The Challenge",
description: "Manual inventory management led to significant operational issues.",
points: [
"Discrepancies between actual and recorded stock of up to 15%",
"Time-intensive manual inventories (3-4 days per quarter)",
"Lack of real-time transparency on inventory levels",
"Inefficient storage space utilization due to lack of optimization",
"High personnel costs from manual processes"
]
},
solution: {
title: "The Solution",
description: "Development of a fully automated warehouse management system",
content: "The system combines Computer Vision, IoT sensors, and Machine Learning for continuous, precise inventory tracking without human intervention.",
points: [
"AI-powered object detection using high-resolution cameras",
"IoT weight sensors for validation",
"Predictive Analytics for inventory optimization",
"Real-time dashboard with mobile access",
"Automatic reorder triggers"
]
},
technical: {
title: "Technical Implementation",
description: "The solution is based on a modular microservices architecture with edge computing for real-time processing:",
points: [
"YOLOv8 for precise object detection",
"Edge Computing for <50ms image processing",
"Apache Kafka for stream processing of 2TB data/day",
"MQTT-based IoT integration with 200+ sensors",
"PostgreSQL for data persistence",
"Kubernetes for scalability"
]
},
features: {
title: "Core Features",
items: [
{
title: "Real-time Object Detection",
description: "98.7% accuracy in inventory tracking through AI-powered image recognition",
icon: "camera"
},
{
title: "IoT Sensor Integration",
description: "200+ sensors validate CV results through weight measurements",
icon: "sensor"
},
{
title: "Predictive Analytics",
description: "Forecasting inventory movements and automatic reordering",
icon: "chart"
},
{
title: "Mobile Dashboard",
description: "Real-time access to all warehouse data from anywhere",
icon: "mobile"
}
]
},
implementation: {
title: "Implementation Phases",
phases: [
{
title: "Phase 1: Proof of Concept",
duration: "4 weeks",
description: "Prototype development and model training",
tasks: [
"Development of a prototype for one warehouse area",
"Training the ML model with 10,000+ annotated images",
"Integration of 5 test cameras and 20 IoT sensors",
"Validation of detection accuracy"
]
},
{
title: "Phase 2: Scaling",
duration: "8 weeks",
description: "Complete rollout to 5,000m² warehouse space",
tasks: [
"Installation of 45 cameras and 200+ sensors",
"Development of real-time dashboard",
"Integration with existing ERP system",
"Performance optimization"
]
},
{
title: "Phase 3: Optimization",
duration: "4 weeks",
description: "Fine-tuning and advanced features",
tasks: [
"Fine-tuning of ML models",
"Implementation of Predictive Analytics",
"Mobile app development",
"Employee training"
]
}
]
},
challenges: {
title: "Challenges & Solutions",
items: [
{
challenge: "Varying lighting conditions",
solution: "HDR cameras with adaptive image preprocessing and augmented training data"
},
{
challenge: "Real-time processing of large data volumes",
solution: "Edge Computing for preprocessing and Apache Kafka for stream processing"
},
{
challenge: "Legacy system integration",
solution: "Development of an adapter layer with bidirectional synchronization"
}
]
},
results: {
title: "Results",
description: "The system completely transformed warehouse management:",
metrics: [
{ label: "Detection accuracy", value: "98.7%" },
{ label: "Inventory time reduction", value: "85%" },
{ label: "Fewer stock discrepancies", value: "60%" },
{ label: "Storage space utilization", value: "+35%" },
{ label: "ROI", value: "14 months" },
{ label: "System uptime", value: "99.95%" }
],
impact: "Real-time transparency enabled proactive decisions and prevented supply bottlenecks. Employees could focus on value-adding activities while AI handled inventory management."
},
performance: {
title: "Performance Metrics",
metrics: {
processing: {
title: "Processing",
items: [
"Image processing: <50ms per frame",
"API Response Time: p95 < 100ms",
"Data processing: 500 events/second",
"System Uptime: 99.95%"
]
},
scale: {
title: "Scaling",
items: [
"45 cameras active (up to 200 possible)",
"200+ IoT sensors",
"50+ concurrent users",
"50TB data storage"
]
},
ml: {
title: "ML Performance",
items: [
"mAP@50: 0.92",
"Inference Time: 23ms",
"False Positive Rate: <2%",
"Model Size: 138MB"
]
}
}
},
testimonial: {
text: "The implementation revolutionized our warehouse processes. What used to take days now happens in real-time. The accuracy and efficiency are impressive.",
author: "Thomas Weber",
position: "Head of Logistics",
company: "LogiTech Solutions GmbH"
},
learnings: {
title: "Lessons Learned",
items: [
"Edge Computing is essential: Preprocessing directly at the camera reduced network load by 70%",
"Data quality over quantity: 1,000 high-quality annotations were more valuable than 10,000 automatically generated ones",
"Iterative development: Early piloting in one area enabled quick adjustments",
"Change management: Early involvement of employees was crucial for acceptance"
]
},
future: {
title: "Future Perspectives",
description: "The system was designed as a white-label solution and can be deployed in other warehouses with minimal adjustments.",
plans: [
"Integration of robotics for automated picking",
"Extension to external warehouses and mobile units",
"AI-based prediction of maintenance needs",
"Blockchain integration for supply chain transparency",
"AR glasses for warehouse workers with visual hints"
]
}
}
};
export default smartWarehouse;
src/i18n/locales-old/en/portfolio/projects/website-mit-ki.ts
+80
View File
@@ -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: '2025-01',
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;
src/i18n/locales-old/en/seo-content.ts
+100
View File
@@ -0,0 +1,100 @@
export const seoContent = {
hero: {
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ć"
}
},
services: {
title: "IT Services by Damjan Savić - Senior Developer & Consultant",
subtitle: "Custom Enterprise Solutions & Digital Transformation by Damjan Savić",
items: {
backend: {
title: "Enterprise Backend Development by Damjan Savić | Python & Cloud Architecture",
description: "Damjan Savić develops scalable backend systems with Python, FastAPI, and Django. As an experienced Cloud Architect, Damjan Savić implements microservices, RESTful APIs, and event-driven architectures for enterprise applications.",
keywords: ["Backend Developer Cologne", "Python Developer Germany", "API Development FastAPI", "Microservices Developer", "Django Developer Europe", "Cloud Architecture"]
},
frontend: {
title: "Modern Frontend Development by Damjan Savić | React, TypeScript & Next.js",
description: "Damjan Savić creates modern, performant frontend solutions with React, TypeScript, and Next.js. Specializing in enterprise UI/UX, Progressive Web Apps, and accessible web applications, Damjan Savić delivers future-proof interfaces.",
keywords: ["React Developer Germany", "Frontend Developer Cologne", "Next.js Developer Europe", "TypeScript React Developer", "Progressive Web App Development", "JavaScript Developer"]
},
ai: {
title: "AI & Machine Learning Integration by Damjan Savić | OLLAMA & LLM Expert",
description: "Damjan Savić integrates artificial intelligence into your business processes. As an AI specialist, Damjan Savić implements OLLAMA, Large Language Models, and Machine Learning solutions for automation, data analysis, and intelligent systems.",
keywords: ["OLLAMA AI Integration", "Machine Learning Germany", "LLM Integration", "AI Developer Cologne", "NLP Development", "Python AI Development"]
},
erp: {
title: "ERP & System Integration by Damjan Savić | SAP, Dynamics & Custom Solutions",
description: "Damjan Savić seamlessly connects your enterprise systems. With expertise in SAP, Microsoft Dynamics, and custom ERP solutions, Damjan Savić optimizes your business processes through intelligent integration and automation.",
keywords: ["ERP System Integration", "SAP Integration Germany", "Business Automation", "System Integration Specialist", "Enterprise Software Developer", "B2B Software Development"]
},
ecommerce: {
title: "E-Commerce Solutions by Damjan Savić | Shopify, WooCommerce & Custom Shops",
description: "Damjan Savić develops powerful e-commerce platforms. From Shopify customizations to custom online shops, Damjan Savić delivers scalable solutions with payment integration, inventory management, and multi-channel distribution.",
keywords: ["E-Commerce Developer Germany", "Shopify Developer", "WooCommerce Integration", "Online Shop Development", "Payment Gateway Integration", "E-Commerce Solutions"]
},
automation: {
title: "Business Process Automation by Damjan Savić | RPA & Workflow Optimization",
description: "Damjan Savić automates your business processes intelligently. Using Python, RPA tools, and custom workflows, Damjan Savić increases efficiency, reduces errors, and accelerates your digital transformation.",
keywords: ["Process Automation Germany", "Python Automation Developer", "RPA Development", "Workflow Automation", "Business Process Automation", "Task Automation"]
}
}
},
skills: {
title: "Technology Stack",
categories: {
languages: {
title: "Programming Languages",
items: ["Python", "JavaScript", "TypeScript", "SQL", "Bash", "Go"]
},
backend: {
title: "Backend Technologies",
items: ["FastAPI", "Django", "Node.js", "Express", "PostgreSQL", "MongoDB", "Redis", "GraphQL", "gRPC"]
},
frontend: {
title: "Frontend Technologies",
items: ["React", "Next.js", "Vue.js", "Tailwind CSS", "Material-UI", "Framer Motion", "Redux", "Zustand"]
},
ai: {
title: "AI/ML Tools",
items: ["OLLAMA", "LangChain", "OpenAI API", "Hugging Face", "TensorFlow", "PyTorch", "Scikit-learn", "Pandas"]
},
devops: {
title: "DevOps & Cloud",
items: ["Docker", "Kubernetes", "AWS", "Azure", "CI/CD", "Git", "Linux", "Terraform", "Jenkins"]
}
}
},
cta: {
title: "Ready for Your Next Project with Damjan Savić?",
description: "Damjan Savić transforms your ideas into reality. From conception to implementation, Damjan Savić delivers professional solutions.",
button: "Contact Damjan Savić - Free Initial Consultation"
},
testimonials: {
title: "What Clients Say About Damjan Savić",
items: [
{
text: "Damjan Savić transformed our legacy Python scripts into a modern cloud-native application. The automation solution by Damjan Savić saves us 4 hours of manual work daily.",
author: "Michael Schmidt",
role: "CTO, TechStart GmbH",
keywords: ["Damjan Savić Python Automation", "Cloud Migration Damjan Savić"]
},
{
text: "The OLLAMA integration implemented by Damjan Savić enables AI features without cloud costs. Privacy and performance of Damjan Savić's solution are first-class.",
author: "Sarah Weber",
role: "Product Owner, DataSec AG",
keywords: ["Damjan Savić OLLAMA Integration", "AI Privacy Damjan Savić"]
},
{
text: "Working with Damjan Savić on our e-commerce platform was excellent. The custom solutions by Damjan Savić increased our conversion rate by 35%.",
author: "Thomas Müller",
role: "CEO, ShopPro Solutions",
keywords: ["Damjan Savić E-Commerce", "Conversion Optimization Damjan Savić"]
}
]
}
}