-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
262 lines (242 loc) · 12.8 KB
/
Copy pathindex.html
File metadata and controls
262 lines (242 loc) · 12.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ivica Lakatoš | Senior Software Engineer | Ruby on Rails</title>
<meta name="description" content="Senior Software Engineer specializing in Ruby on Rails, building full-stack applications, real-time systems, and practical AI solutions.">
<link rel="canonical" href="https://ivicalakatos.com/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Ivica Lakatoš">
<meta property="og:title" content="Ivica Lakatoš | Senior Software Engineer | Ruby on Rails">
<meta property="og:description" content="Senior Software Engineer specializing in Ruby on Rails, building full-stack applications, real-time systems, and practical AI solutions.">
<meta property="og:url" content="https://ivicalakatos.com/">
<meta property="og:image" content="https://ivicalakatos.com/assets/social-preview.png">
<meta property="og:image:alt" content="Ivica Lakatoš — Senior Software Engineer portfolio">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ivica Lakatoš | Senior Software Engineer | Ruby on Rails">
<meta name="twitter:description" content="Senior Software Engineer specializing in Ruby on Rails, building full-stack applications, real-time systems, and practical AI solutions.">
<meta name="twitter:image" content="https://ivicalakatos.com/assets/social-preview.png">
<meta name="twitter:image:alt" content="Ivica Lakatoš — Senior Software Engineer portfolio">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Ivica Lakatoš",
"jobTitle": "Senior Software Engineer",
"url": "https://ivicalakatos.com/",
"image": "https://ivicalakatos.com/assets/profile-image.jpeg",
"email": "mailto:lakatos.ivica@gmail.com",
"sameAs": [
"https://github.com/Ikera",
"https://www.linkedin.com/in/ivica-lakatos"
]
}
</script>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/assets/main.css">
</head>
<body>
<main class="page">
<section class="hero" id="top">
<div class="hero-media">
<div class="hero-photo">
<img src="/assets/profile-image.jpeg" alt="Portrait of Ivica Lakatoš" loading="lazy">
<h1 class="name-on-image">Ivica Lakatoš</h1>
</div>
</div>
<div class="hero-copy">
<p class="kicker">Senior Software Engineer</p>
<p class="lead">
I’ve been building full-stack web applications with <b>Ruby on Rails</b> for over a decade.
</p>
<p class="lead lead-compact">
Rails is my default. The rest depends on the problem.
</p>
<p class="lead">
I’ve worked on backend-heavy systems, real-time applications, and rich frontend interfaces. The stack changes. The goal stays the same — build systems that work in the real world.
</p>
<div class="hero-cta">
<a class="btn btn-primary" href="#projects">View Work</a>
<a class="btn" href="#contact">Contact</a>
</div>
</div>
</section>
<section class="proof-strip" aria-label="Quick highlights">
<article><strong>10+ years</strong><span>Shipping real software</span></article>
<article><strong>Rails-first</strong><span>Full-stack application development</span></article>
<article><strong>Product-minded</strong><span>Focused on user and business outcomes</span></article>
<article><strong>Practical AI</strong><span>Solving real product problems</span></article>
</section>
<section id="projects" class="section">
<div class="section-head">
<p class="kicker">Featured Projects</p>
<h2>Selected Work</h2>
</div>
<div class="project-grid">
<article class="project-card">
<h3><a href="https://leap.school/" target="_blank" rel="noopener noreferrer">Leap</a></h3>
<p class="project-sub">Real-time language learning platform</p>
<p>
A real-time platform for practicing spoken English through live video sessions and instant feedback.
</p>
<ul>
<li>Built real-time communication with WebSockets and LiveKit</li>
<li>Integrated speech and AI feedback with OpenAI and SpeechAce</li>
<li>Designed session orchestration and user-matching systems</li>
</ul>
<p class="stack">Ruby on Rails · React · TypeScript · PostgreSQL · Redis · Sidekiq · OpenAI </p>
</article>
<article class="project-card">
<h3><a href="https://www.microverse.org/" target="_blank" rel="noopener noreferrer">Microverse</a></h3>
<p class="project-sub">Global online school for developers</p>
<p>
An online learning platform for developers, rebuilt from no-code tools into a scalable Rails application.
</p>
<ul>
<li>Helped migrate Make, Zapier, and Airtable workflows into Rails</li>
<li>Improved reliability, scalability, and operational maintainability</li>
<li>Designed backend services for complex learning flows</li>
</ul>
<p class="stack">Ruby on Rails · PostgreSQL · Redis · Docker · Heroku</p>
</article>
<article class="project-card">
<h3><a href="https://fuga.com/" target="_blank" rel="noopener noreferrer">FUGA</a></h3>
<p class="project-sub">Music royalty accounting system</p>
<p>
A music royalty accounting system for processing contracts, revenue streams, and financial reports at scale.
</p>
<ul>
<li>Improved performance across application and database layers</li>
<li>Worked on reliable processing for large-scale financial datasets</li>
<li>Built in a production-critical, high-throughput environment</li>
</ul>
<p class="stack">Ruby on Rails · React · PostgreSQL · Redis · RabbitMQ</p>
</article>
<article class="project-card">
<h3><a href="https://www.inspectionxpert.com/" target="_blank" rel="noopener noreferrer">InspectionXpert</a></h3>
<p class="project-sub">Manufacturing platform</p>
<p>
A platform for converting PDF-based inspection documents into structured, usable data.
</p>
<ul>
<li>Built full-stack OCR workflows from MVP to production</li>
<li>Designed APIs and UI flows for review and correction pipelines</li>
<li>Improved reliability of document processing in production environments</li>
</ul>
<p class="stack">Ruby on Rails · React · PostgreSQL · OCR processing</p>
</article>
<article class="project-card">
<h3><a href="https://keenresearch.com/keenasr-docs/keenasr-tools-dashboard.html" target="_blank" rel="noopener noreferrer">Keen Research</a></h3>
<p class="project-sub">Speech recognition data platform</p>
<p>
A platform for handling audio ingestion, speech processing, and transcription workflows at scale.
</p>
<ul>
<li>Designed APIs for audio uploads, metadata, and processing pipelines</li>
<li>Implemented asynchronous workflows for large files and logs</li>
<li>Built systems to support reliable transcription operations</li>
</ul>
<p class="stack">Ruby on Rails · MySQL · JavaScript · Async processing</p>
</article>
<article class="project-card">
<h3><a href="https://learn.thompsonbooks.com/" target="_blank" rel="noopener noreferrer">Thompson Learn</a></h3>
<p class="project-sub">Learning platform</p>
<p>
A digital learning platform for delivering interactive content and managing student and teacher workflows.
</p>
<ul>
<li>Built backend features for course management and user workflows</li>
<li>Improved reliability of content delivery and learning flows</li>
<li>Contributed to product development in a cross-functional team</li>
</ul>
<p class="stack">Ruby on Rails · PostgreSQL · Ember.js</p>
</article>
</div>
</section>
<section id="experience" class="section">
<div class="section-head">
<p class="kicker">Experience</p>
<h2>Career Snapshot</h2>
</div>
<div class="timeline">
<article>
<h3>Senior Software Engineer · <a href="https://www.microverse.org/" target="_blank" rel="noopener noreferrer">Microverse</a></h3>
<p class="meta">2022–2026 · Remote</p>
<p>
Worked on migrating a no-code platform to Ruby on Rails, building scalable learning workflows, real-time features, and AI-powered feedback systems.
</p>
</article>
<article>
<h3>Senior Full-Stack Engineer · <a href="https://axiomq.com/" target="_blank" rel="noopener noreferrer">AxiomQ</a></h3>
<p class="meta">2017–2022 · Serbia</p>
<p>
Built and scaled web applications across fintech, manufacturing, education, and speech recognition, working across backend systems, APIs, and frontend interfaces.
</p>
</article>
<article>
<h3>Ruby on Rails Engineer · Orange Iceberg</h3>
<p class="meta">2015–2017 · Serbia</p>
<p>
Developed full-stack Rails applications, designed APIs, and shipped production systems from initial idea to deployment.
</p>
</article>
</div>
</section>
<section id="skills" class="section">
<div class="section-head">
<p class="kicker">Skills</p>
<h2>Core Stack</h2>
</div>
<div class="skills-groups">
<p><strong>Backend:</strong> Ruby, Ruby on Rails, Sidekiq</p>
<p><strong>Frontend:</strong> React, Stimulus, TypeScript, Ember, jQuery, JavaScript</p>
<p><strong>Data:</strong> PostgreSQL, MySQL, Redis</p>
<p><strong>Infra:</strong> Docker, Heroku, CI/CD</p>
<p><strong>Real-time & AI:</strong> WebSockets, LiveKit, OpenAI, SpeechAce</p>
</div>
<p class="section-note">
Ruby on Rails is my default for building full-stack applications. On the frontend, I’ve worked with React, Stimulus, Ember, and jQuery—depending on what the project needed.
</p>
</section>
<section id="about" class="section">
<div class="section-head">
<p class="kicker">How I Work</p>
<h2>Pragmatic and Product-Focused</h2>
</div>
<p>
I prefer simple systems over complex ones. Not because they are easier to build, but because they are easier to run, maintain, and improve over time.
</p>
<p>
I take ownership end-to-end, work closely with product, and care about outcomes, not just code.
</p>
<p class="anchor-line">
Most of the time, the problem isn’t the technology. It’s making things work in the real world.
</p>
</section>
<section id="contact" class="section contact-panel">
<div>
<p class="kicker">Contact</p>
<h2>Let’s Build Something Useful</h2>
<p>
Open to interesting projects, technical challenges, and collaboration.
</p>
<p>
Based in Novi Sad, Serbia.<br>
Reach out via <a href="mailto:lakatos.ivica@gmail.com">lakatos.ivica@gmail.com</a>,
connect on <a href="https://www.linkedin.com/in/ivica-lakatos" target="_blank" rel="noopener noreferrer">LinkedIn</a>,
or view my work on <a href="https://github.com/Ikera" target="_blank" rel="noopener noreferrer">GitHub</a>.
</p>
</div>
</section>
</main>
<footer class="site-footer">
<p>© 2026 Ivica Lakatoš. All rights reserved.</p>
</footer>
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "39bf635b225b4465bf84287ab93b3538"}'></script>
</body>
</html>