-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcase-studies.html
More file actions
290 lines (267 loc) · 14.8 KB
/
Copy pathcase-studies.html
File metadata and controls
290 lines (267 loc) · 14.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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Case Studies — Codebase | Mobile, Web & Custom Software Projects</title>
<meta name="description" content="Real client projects delivered by Codebase across mobile app development, custom software, automation, and enterprise systems — with direct client feedback from Freelancer and Upwork." />
<meta name="keywords" content="software development case studies, mobile app development portfolio, custom software projects, client reviews, Codebase projects" />
<meta name="author" content="Codebase" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://codebasepk.github.io/case-studies.html" />
<link rel="icon" href="assets/logo.png" />
<meta name="theme-color" content="#0a0a0a" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Codebase" />
<meta property="og:title" content="Case Studies — Codebase | Mobile, Web & Custom Software Projects" />
<meta property="og:description" content="Real client projects delivered by Codebase across mobile app development, custom software, automation, and enterprise systems." />
<meta property="og:url" content="https://codebasepk.github.io/case-studies.html" />
<meta property="og:image" content="https://codebasepk.github.io/assets/logo.png" />
<meta property="og:image:width" content="512" />
<meta property="og:image:height" content="512" />
<meta property="og:image:type" content="image/png" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Case Studies — Codebase" />
<meta name="twitter:description" content="Real client projects delivered by Codebase across mobile, web, and custom software." />
<meta name="twitter:image" content="https://codebasepk.github.io/assets/logo.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles.css" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://codebasepk.github.io/" },
{ "@type": "ListItem", "position": 2, "name": "Case Studies", "item": "https://codebasepk.github.io/case-studies.html" }
]
}
</script>
</head>
<body>
<!-- ── NAV ── -->
<nav>
<div class="nav-logo">
<a href="index.html#hero"><img src="assets/logo.svg" alt="Codebase" width="170" height="84" /></a>
</div>
<ul class="nav-links">
<li><a href="index.html#hero">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#services">Services</a></li>
<li><a href="case-studies.html" class="active">Case Studies</a></li>
<li><a href="index.html#team">Team</a></li>
<li><a href="index.html#contact" class="nav-cta">Contact Us</a></li>
</ul>
<button class="theme-toggle" id="themeToggle" aria-label="Toggle theme">
<svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
<svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
</button>
<div class="hamburger" aria-label="Menu">
<span></span><span></span><span></span>
</div>
</nav>
<!-- ── PAGE HERO ── -->
<section id="page-hero">
<div class="section-inner">
<div class="page-breadcrumb"><a href="index.html">Home</a> / Case Studies</div>
<span class="hero-badge">Case Studies</span>
<h1 class="section-title">Real projects, real client outcomes</h1>
<p class="section-subtitle">520+ projects delivered and a 4.9★ rating across Freelancer and Upwork. Below is a sample of the work behind those numbers, grouped by the kind of problem we solved.</p>
</div>
</section>
<!-- ── MOBILE APP DEVELOPMENT ── -->
<section id="portfolio-mobile">
<div class="section-inner">
<div class="portfolio-header fade-up">
<span class="section-tag">Case Studies</span>
<h2 class="section-title">Mobile App Development</h2>
<p class="section-subtitle">Native and cross-platform apps for iOS and Android, built for real-world field use, retail, and consumer products.</p>
</div>
<div class="portfolio-grid">
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">01</span>
<span class="portfolio-cover-badge">Android</span>
</div>
<div class="portfolio-body">
<h3>Aircraft Technician Log App Development</h3>
<div class="portfolio-category">Mobile App Development</div>
<p>"Codebase, as a company, is a great team of developers with a lot of knowledge. They communicate really well, are patient, and always answer my questions. Do not hesitate to start a project with them." — Cyril D. 🇫🇷</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Upwork</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">02</span>
<span class="portfolio-cover-badge">iOS & Android</span>
</div>
<div class="portfolio-body">
<h3>Flutter Web App to iOS & Android</h3>
<div class="portfolio-category">Mobile App Development</div>
<p>"Codebase did an outstanding job, converting this Flutter web application to iOS and Android apps, and also published the apps to the stores." — Onno P. 🇳🇱</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Upwork</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">03</span>
<span class="portfolio-cover-badge">iOS</span>
</div>
<div class="portfolio-body">
<h3>Mobile App (Swift) Upgrade with Small Changes</h3>
<div class="portfolio-category">Mobile App Development</div>
<p>"Great to work with. Willing to explain in detail. Has patience and a nice attitude." — Khaled H. 🇺🇸</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Upwork</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">04</span>
<span class="portfolio-cover-badge">iOS & Android</span>
</div>
<div class="portfolio-body">
<h3>Android and iOS App Development</h3>
<div class="portfolio-category">Mobile App Development</div>
<p>"Codebase and their team did a great job working on Android and iOS jobs. They completed the job on time." — Sergey P. 🇺🇸</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Upwork</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">05</span>
<span class="portfolio-cover-badge">Mobile</span>
</div>
<div class="portfolio-body">
<h3>Shopping App Development</h3>
<div class="portfolio-category">Mobile App Development / E-Commerce</div>
<p>"Excellent and very easy to work with. Responsive and high quality work." — Armand D. 🇦🇺</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Upwork</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">06</span>
<span class="portfolio-cover-badge">Android</span>
</div>
<div class="portfolio-body">
<h3>Hardware User Manual to Android App</h3>
<div class="portfolio-category">Mobile App Development</div>
<p>"Good independent work by freelancer on our App." — Sarmad A. 🇺🇸</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Freelancer</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ── CUSTOM SOFTWARE & AUTOMATION ── -->
<section id="portfolio-software">
<div class="section-inner">
<div class="portfolio-header fade-up">
<span class="section-tag">Case Studies</span>
<h2 class="section-title">Custom Software & Automation</h2>
<p class="section-subtitle">Purpose-built systems and workflow automation tools designed around a specific business process.</p>
</div>
<div class="portfolio-grid">
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">07</span>
<span class="portfolio-cover-badge">Custom Software</span>
</div>
<div class="portfolio-body">
<h3>Gate Code Access System Development</h3>
<div class="portfolio-category">Custom Software</div>
<p>"Codebase was thorough, creative, and patient. They did excellent work and delivered exactly what I needed. I highly recommend Codebase." — Steven E. 🇺🇸</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Upwork</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">08</span>
<span class="portfolio-cover-badge">Automation</span>
</div>
<div class="portfolio-body">
<h3>Workflow Automation for JDN Server & DocuSign</h3>
<div class="portfolio-category">Backend Development & Automation</div>
<p>"Always easy to work with Codebase, they provide great feedback and have helpful suggestions." — Julian P. 🇨🇦</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Upwork</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
<div class="portfolio-card fade-up">
<div class="portfolio-cover">
<span class="portfolio-cover-text">09</span>
<span class="portfolio-cover-badge">Enterprise</span>
</div>
<div class="portfolio-body">
<h3>Point-of-Sale System — XML Integration</h3>
<div class="portfolio-category">Enterprise Software</div>
<p>"We had the pleasure of working with Codebase on the implementation of new features in our point-of-sale system, and we cannot emphasize enough how satisfied we are with the results. Codebase has demonstrated impressive technical expertise and a strong problem-solving ability throughout the entire process." — Salaydin C. 🇸🇪</p>
<div class="portfolio-stats">
<div class="p-stat"><div class="p-stat-num">5.0 ★</div><div class="p-stat-label">Client Rating</div></div>
<div class="p-stat"><div class="p-stat-num">Upwork</div><div class="p-stat-label">Platform</div></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ── CTA ── -->
<section id="page-cta">
<div class="section-inner">
<span class="section-tag">Start a Project</span>
<h2 class="section-title">Have something similar in mind?</h2>
<p class="section-subtitle">Tell us about your project and we'll get back to you with next steps.</p>
<div class="hero-actions">
<a href="index.html#contact" class="btn-primary">Get In Touch</a>
<a href="index.html#services" class="btn-secondary">View Our Services</a>
</div>
</div>
</section>
<!-- ── FOOTER ── -->
<footer>
<div class="footer-inner">
<div class="footer-logo">
<img src="assets/logo.svg" alt="Codebase" width="170" height="84" />
</div>
<div class="footer-copy">© 2026 Codebase. All rights reserved.</div>
<div class="footer-links">
<a href="index.html#about">About</a>
<a href="index.html#services">Services</a>
<a href="case-studies.html">Case Studies</a>
<a href="mailto:codebasepk@gmail.com">Email</a>
<a href="https://github.com/codebasepk" target="_blank" rel="noopener">GitHub</a>
</div>
</div>
</footer>
<button id="scrollTop" aria-label="Scroll to top">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
</button>
<script src="script.js"></script>
</body>
</html>