-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
489 lines (443 loc) · 25.2 KB
/
index.html
File metadata and controls
489 lines (443 loc) · 25.2 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
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cherry Augusta | Junior Software Engineer</title>
<meta name="description" content="London-based Junior Software Engineer building full-stack web applications and backend APIs with Python, Django, Django REST Framework, TypeScript, Angular, React, SQL, Docker, and OpenAPI-first engineering practices.">
<meta name="theme-color" content="#0b1220">
<meta name="robots" content="index,follow">
<meta property="og:title" content="Cherry Augusta | Junior Software Engineer">
<meta property="og:description" content="Backend APIs, full-stack web applications, Angular and React frontend delivery, TypeScript integration, Python web engineering, SQL-backed systems, and Docker-based reproducibility.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://cherryaugusta.github.io/developer-portfolio-profile/">
<meta property="og:image" content="https://cherryaugusta.github.io/developer-portfolio-profile/assets/og-preview.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Cherry Augusta | Junior Software Engineer">
<meta name="twitter:description" content="Backend APIs, full-stack web applications, Angular and React frontend delivery, TypeScript integration, Python web engineering, SQL-backed systems, and Docker-based reproducibility.">
<meta name="twitter:image" content="https://cherryaugusta.github.io/developer-portfolio-profile/assets/og-preview.jpg">
<link rel="canonical" href="https://cherryaugusta.github.io/developer-portfolio-profile/">
<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 defer src="script.js"></script>
</head>
<body>
<a class="skip-link" href="#main-content">Skip to main content</a>
<header class="site-header">
<div class="container nav-wrap">
<a class="brand" href="index.html" aria-label="Cherry Augusta home">Cherry Augusta</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="primary-nav" aria-label="Open navigation">
<span class="nav-toggle-line"></span>
<span class="nav-toggle-line"></span>
<span class="nav-toggle-line"></span>
<span class="sr-only">Toggle navigation</span>
</button>
<nav id="primary-nav" class="main-nav" aria-label="Primary">
<a href="index.html" aria-current="page">Home</a>
<a href="about.html">About</a>
<a href="projects.html">Projects</a>
<a href="cv.html">CV</a>
<a href="contact.html">Contact</a>
</nav>
</div>
</header>
<main id="main-content">
<section class="hero">
<div class="container hero-grid hero-grid-enhanced">
<div class="hero-copy">
<p class="eyebrow">London, United Kingdom</p>
<h1>Junior Software Engineer</h1>
<p class="hero-lead">
I build full-stack web applications and backend APIs with Python, Django, Django REST Framework, TypeScript, Angular, React, SQL, testing, Docker, and OpenAPI-first engineering practices.
</p>
<div class="hero-metrics" aria-label="Key strengths">
<div class="metric">
<strong>Python + Django / DRF</strong>
<span>Backend APIs and application logic</span>
</div>
<div class="metric">
<strong>Angular + React + TypeScript</strong>
<span>Typed frontend delivery</span>
</div>
<div class="metric">
<strong>SQL + Docker + Redis</strong>
<span>Data-backed systems and local reproducibility</span>
</div>
</div>
<div class="cta-row">
<a class="button button-primary" href="projects.html">View Projects</a>
<a class="button button-secondary" href="cv.html">View CV</a>
<a class="button button-ghost" href="contact.html">Contact</a>
</div>
</div>
<aside class="hero-aside">
<figure class="profile-card profile-card-compact">
<div class="hero-project-visual" aria-label="Selected project highlights">
<div class="hero-project-main">
<img
src="screenshots/lawpulse/frontend-selected-clause.png"
alt="LawPulse contract review interface with selected clause details visible"
width="1600"
height="900"
loading="eager"
decoding="async">
</div>
<div class="hero-project-supporting">
<img
src="screenshots/greenops/frontend-dashboard.png"
alt="GreenOps dashboard showing ESG reporting charts and KPI summaries"
width="1600"
height="900"
loading="lazy"
decoding="async">
<img
src="screenshots/tradeflow/docker-healthy-services.png"
alt="TradeFlow Docker services running with healthy status"
width="1600"
height="900"
loading="lazy"
decoding="async">
<img
src="screenshots/ecoroute/api-docs-swagger.png"
alt="EcoRoute LEZ Optimiser API documentation shown in Swagger UI"
width="1600"
height="900"
loading="lazy"
decoding="async">
</div>
</div>
<figcaption class="profile-caption">
<span>Django / DRF APIs</span>
<span>Angular + React</span>
<span>TypeScript + SQL</span>
<span>Docker + Redis</span>
</figcaption>
</figure>
</aside>
<div class="hero-detail-grid" aria-label="Core themes and professional summary">
<div class="hero-panel hero-panel-inline hero-core-panel" aria-label="Core themes">
<p class="panel-label">Core themes</p>
<h2>Backend, full-stack, and operationally aware engineering</h2>
<ul class="tag-list">
<li>Django & DRF APIs</li>
<li>Angular & React</li>
<li>TypeScript contracts</li>
<li>OpenAPI-first design</li>
<li>SQL-backed systems</li>
<li>Testing & CI/CD</li>
<li>Docker workflows</li>
<li>WebSockets & Celery</li>
<li>Redis & PostgreSQL</li>
<li>Tracing & health checks</li>
</ul>
</div>
<div class="hero-panel hero-panel-inline hero-summary-panel" aria-label="Professional summary">
<p class="panel-label">Professional summary</p>
<h2>Backend APIs, full-stack delivery, and typed frontend integration</h2>
<p class="hero-summary-text">
London-based Junior Software Engineer with portfolio work centred on backend API development, full-stack web applications, Angular and React frontend delivery, typed TypeScript integration, Python web engineering, and SQL-backed application development. Recent projects demonstrate Django and Django REST Framework backends, OpenAPI contracts, Docker-based reproducibility, Redis and PostgreSQL-backed workflows, Celery scheduling, WebSocket-based real-time behaviour, JWT-secured APIs, audit trails, and structured documentation.
</p>
</div>
</div>
</div>
</section>
<section class="section section-soft">
<div class="container">
<div class="section-intro">
<p class="section-kicker">Strengths</p>
<h2>What the portfolio demonstrates</h2>
</div>
<div class="card-grid three">
<article class="card feature-card">
<h3>Backend API development</h3>
<p>Python, Django, and Django REST Framework APIs with validation, middleware, health endpoints, structured models, and documented interfaces.</p>
</article>
<article class="card feature-card">
<h3>Full-stack application delivery</h3>
<p>Projects combining backend services, Angular or React frontends, database-backed workflows, and clear local setup with Docker or documented local execution.</p>
</article>
<article class="card feature-card">
<h3>Typed frontend integration</h3>
<p>Angular and React with TypeScript, client-server contract discipline, and UI work shaped by maintainability rather than one-off prototypes.</p>
</article>
<article class="card feature-card">
<h3>SQL-backed development</h3>
<p>PostgreSQL-backed applications, SQLite exposure in training, and data-oriented workflows that support credible backend engineering rather than front-end-only delivery.</p>
</article>
<article class="card feature-card">
<h3>Operational awareness</h3>
<p>WebSockets, Redis, Celery, tracing, latency logging, health checks, and continuously updating interfaces across multiple repositories.</p>
</article>
<article class="card feature-card">
<h3>Secure and maintainable delivery</h3>
<p>OpenAPI-first design, secure defaults, auditability, dependency scanning, ADRs, and repository structures designed to be understandable and reproducible.</p>
</article>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="section-intro split">
<div>
<p class="section-kicker">Featured projects</p>
<h2>Selected engineering work</h2>
<p>These projects best reflect the kind of work I would bring to a junior software engineering role: backend APIs, full-stack delivery, TypeScript integration, data-backed workflows, and well-documented local execution.</p>
</div>
<a class="text-link" href="projects.html">See all projects</a>
</div>
<div class="project-list">
<article class="project-card project-card-featured project-card-with-image">
<div class="project-image-wrap">
<img src="screenshots/lawpulse/frontend-selected-clause.png" alt="LawPulse contract review interface with selected clause details visible" width="1600" height="900" loading="lazy" decoding="async">
</div>
<div class="project-content">
<div class="project-meta">
<span class="pill">Featured</span>
<span class="pill pill-muted">Full-Stack</span>
<span class="pill pill-outline">Django + React</span>
</div>
<h3><a href="https://github.com/cherryaugusta/lawpulse.git" target="_blank" rel="noopener noreferrer">LawPulse</a></h3>
<p class="stack">Django · DRF · Django Channels · React · TypeScript · Redis · PostgreSQL · Docker Compose</p>
<p>AI-powered legal document auditor built around PDF upload, page-level extraction, clause review, live processing updates, and a structured React review interface.</p>
<ul>
<li><a href="https://github.com/cherryaugusta/lawpulse.git" target="_blank" rel="noopener noreferrer">Repository link</a></li>
<li>WebSocket-driven progress updates during contract processing</li>
<li>Side-by-side review workflow with extracted page text and clause handling</li>
<li>OpenAPI documentation, root health endpoint, and request-latency middleware</li>
</ul>
</div>
</article>
<article class="project-card project-card-with-image">
<div class="project-image-wrap">
<img src="screenshots/greenops/frontend-dashboard.png" alt="GreenOps dashboard showing ESG reporting charts and KPI summaries" width="1600" height="900" loading="lazy" decoding="async">
</div>
<div class="project-content">
<div class="project-meta">
<span class="pill">Featured</span>
<span class="pill pill-muted">Full-Stack</span>
<span class="pill pill-outline">Django + React</span>
</div>
<h3><a href="https://github.com/cherryaugusta/greenops-carbon-accounting-platform.git" target="_blank" rel="noopener noreferrer">GreenOps</a></h3>
<p class="stack">Django · DRF · React · TypeScript · PostgreSQL · Redis · JWT · Docker Compose</p>
<p>Corporate carbon accounting platform with authenticated workflows, audit history, dashboard analytics, and a reporting interface designed for internal ESG use cases.</p>
<ul>
<li><a href="https://github.com/cherryaugusta/greenops-carbon-accounting-platform.git" target="_blank" rel="noopener noreferrer">Repository link</a></li>
<li>JWT-secured API and manager approval workflow</li>
<li>Audit trail implemented with django-simple-history</li>
<li>Dashboard charts, KPI summaries, validated multi-step form, and drag-and-drop report builder</li>
</ul>
</div>
</article>
<article class="project-card project-card-with-image">
<div class="project-image-wrap">
<img src="screenshots/tradeflow/frontend-dashboard.png" alt="TradeFlow dashboard showing arbitrage opportunities and market data table" width="1600" height="900" loading="lazy" decoding="async">
</div>
<div class="project-content">
<div class="project-meta">
<span class="pill">Featured</span>
<span class="pill pill-muted">Full-Stack</span>
<span class="pill pill-outline">Django + React</span>
</div>
<h3><a href="https://github.com/cherryaugusta/TradeFlow.git" target="_blank" rel="noopener noreferrer">TradeFlow</a></h3>
<p class="stack">Django · DRF · React · TypeScript · Celery · Redis · PostgreSQL · Docker Compose</p>
<p>Multi-source arbitrage tracker with scheduled ingestion, historical market snapshots, analytics endpoints, and a dashboard built for continuously updating operational data.</p>
<ul>
<li><a href="https://github.com/cherryaugusta/TradeFlow.git" target="_blank" rel="noopener noreferrer">Repository link</a></li>
<li>Scheduled polling with Celery Beat every 5 seconds</li>
<li>Historical market snapshots and hourly spread analytics in PostgreSQL</li>
<li>TanStack Table dashboard with row-change highlighting and OpenAPI docs</li>
</ul>
</div>
</article>
<article class="project-card project-card-with-image">
<div class="project-image-wrap">
<img src="screenshots/ecoroute/angular-home-health-compute.png" alt="EcoRoute LEZ Optimiser interface showing route input, health information, and computed output" width="1600" height="900" loading="lazy" decoding="async">
</div>
<div class="project-content">
<div class="project-meta">
<span class="pill">Featured</span>
<span class="pill pill-muted">API + Angular</span>
<span class="pill pill-outline">Governance-aware</span>
</div>
<h3><a href="https://github.com/cherryaugusta/EcoRoute-LEZ-Optimiser.git" target="_blank" rel="noopener noreferrer">EcoRoute LEZ Optimiser</a></h3>
<p class="stack">Django · DRF · Angular · TypeScript · PostgreSQL/PostGIS · Redis · Docker</p>
<p>OpenAPI-first Django and Angular project focused on deterministic route-audit responses, typed contracts, correlation tracing, and secure-by-default implementation patterns.</p>
<ul>
<li><a href="https://github.com/cherryaugusta/EcoRoute-LEZ-Optimiser.git" target="_blank" rel="noopener noreferrer">Repository link</a></li>
<li>Deterministic route-audit compute endpoint with emissions and compliance outputs</li>
<li>Strict Angular integration aligned with backend contracts</li>
<li>Correlation ID propagation, dependency auditing, and governance artefacts</li>
</ul>
</div>
</article>
<article class="project-card project-card-with-image">
<div class="project-image-wrap">
<img src="screenshots/opssentinel/frontend-dashboard.png" alt="OpsSentinel dashboard showing anomaly and incident monitoring" width="1600" height="900" loading="lazy" decoding="async">
</div>
<div class="project-content">
<div class="project-meta">
<span class="pill">Featured</span>
<span class="pill pill-muted">Real-Time</span>
<span class="pill pill-outline">SecOps-style</span>
</div>
<h3><a href="https://github.com/cherryaugusta/OpsSentinel.git" target="_blank" rel="noopener noreferrer">OpsSentinel</a></h3>
<p class="stack">Django · DRF · Channels · Celery · Angular · PostgreSQL · Redis · Docker Compose</p>
<p>Real-time anomaly and incident console designed around event ingestion, explainability, WebSocket updates, and periodic evaluation workflows.</p>
<ul>
<li><a href="https://github.com/cherryaugusta/OpsSentinel.git" target="_blank" rel="noopener noreferrer">Repository link</a></li>
<li>WebSocket event flow and incident dashboard</li>
<li>Celery-powered periodic detection and evaluation jobs</li>
<li>Explainability artefacts, health checks, quality gates, and Docker verification</li>
</ul>
</div>
</article>
<article class="project-card project-card-with-image project-card-wide">
<div class="project-image-wrap">
<img src="screenshots/policypulse/frontend-home.png" alt="PolicyPulse Angular frontend for decision submission and review" width="1600" height="900" loading="lazy" decoding="async">
</div>
<div class="project-content">
<div class="project-meta">
<span class="pill">Featured</span>
<span class="pill pill-muted">API + Angular</span>
<span class="pill pill-outline">Contract-first</span>
</div>
<h3><a href="https://github.com/cherryaugusta/policypulse.git" target="_blank" rel="noopener noreferrer">PolicyPulse</a></h3>
<p class="stack">Django · DRF · Angular · TypeScript · OpenAPI</p>
<p>Decisioning application demonstrating typed contracts, provenance-aware responses, health reporting, tracing, and a clear API-first project structure.</p>
<ul>
<li><a href="https://github.com/cherryaugusta/policypulse.git" target="_blank" rel="noopener noreferrer">Repository link</a></li>
<li>Typed decision submission and provenance-aware response handling</li>
<li>Health endpoint with dependency-aware reporting</li>
<li>Angular strict-mode frontend and OpenAPI documentation</li>
</ul>
</div>
</article>
</div>
</div>
</section>
<section class="section section-soft">
<div class="container">
<div class="section-intro">
<p class="section-kicker">Technical skills</p>
<h2>Core stack</h2>
<p>Python and TypeScript sit at the centre of the portfolio, supported by Django, Angular, React, SQL-backed systems, and disciplined delivery workflows.</p>
</div>
<div class="card-grid four">
<article class="card">
<h3>Languages</h3>
<ul class="plain-list">
<li>Python</li>
<li>TypeScript</li>
<li>JavaScript</li>
<li>SQL</li>
<li>HTML5</li>
<li>CSS3</li>
</ul>
</article>
<article class="card">
<h3>Frameworks</h3>
<ul class="plain-list">
<li>Django</li>
<li>Django REST Framework</li>
<li>Angular</li>
<li>React</li>
<li>Vite</li>
</ul>
</article>
<article class="card">
<h3>Databases & infrastructure</h3>
<ul class="plain-list">
<li>PostgreSQL</li>
<li>Redis</li>
<li>SQLite</li>
<li>MongoDB</li>
<li>Docker Compose</li>
<li>PostGIS</li>
</ul>
</article>
<article class="card">
<h3>Testing & quality</h3>
<ul class="plain-list">
<li>Pytest</li>
<li>Vitest</li>
<li>jsdom</li>
<li>Pre-commit</li>
<li>Dependency scanning</li>
<li>GitHub Actions</li>
</ul>
</article>
</div>
</div>
</section>
<section class="section">
<div class="container card-grid two">
<article class="card">
<p class="section-kicker">Experience</p>
<h2>Recent experience</h2>
<div class="timeline-item">
<h3>Technical Upskilling (Full-Time)</h3>
<p class="meta">Self-Directed · May 2023 – Present</p>
<p>Completed structured learning in software engineering and web development on a full-time basis while building projects using Python, JavaScript, SQL, and web technologies, with increasing emphasis on Django, TypeScript, Angular, React, API development, and full-stack delivery.</p>
</div>
<div class="timeline-item">
<h3>Independent Researcher</h3>
<p class="meta">Remote · Jul 2021 – Present</p>
<p>Research-led work requiring structured analysis, sustained documentation, evidence-led reasoning, and clear written communication.</p>
</div>
</article>
<article class="card">
<p class="section-kicker">Education, training & certifications</p>
<h2>Training and academic background</h2>
<div class="education-block">
<h3>Software Development Programme</h3>
<p class="meta">Primed Talent · Jan 2026 – Mar 2026</p>
<p>Developed backend applications using Python and Django, built frontend interfaces with TypeScript and Angular, worked with SQL using SQLite and MongoDB, and applied Agile development practices and SDLC principles.</p>
</div>
<div class="education-block">
<h3>Data Analytics Programme</h3>
<p class="meta">Masterschool · May 2023 – Aug 2024</p>
</div>
<div class="education-block">
<h3>PhD in Religion, International Relations, and Politics</h3>
<p class="meta">King’s College London · Apr 2014 – Jul 2021</p>
</div>
<hr>
<p><strong>Selected certificates:</strong> Angular, Python Developer, Web Development, Python Intermediate, JavaScript Intermediate, SQL Intermediate, Combining Tables in SQL, Summarizing Data in SQL, Intermediate Python for Data Science, Hypothesis Testing in Python, Introduction to Supervised Machine Learning in Python, and Introduction to Unsupervised Machine Learning in Python.</p>
</article>
</div>
</section>
<section class="section section-cta">
<div class="container cta-panel">
<div>
<p class="section-kicker section-kicker-light">Contact</p>
<h2>Open to junior software engineering roles in London and hybrid UK environments</h2>
<p>Open to Junior Software Engineer, Junior Software Developer, Full-Stack Developer, Backend Developer, Frontend Developer, Python Developer, and Web Application Developer roles.</p>
</div>
<div class="cta-panel-actions">
<a class="button button-primary" href="contact.html">Get in touch</a>
<a class="button button-secondary" href="cv.html">View CV</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-wrap">
<div>
<p class="footer-title">Cherry Augusta</p>
<p>Full-stack and backend web application portfolio built with plain HTML, CSS, and JavaScript for GitHub Pages.</p>
</div>
<div>
<p><a href="https://github.com/cherryaugusta" target="_blank" rel="noopener noreferrer">GitHub</a></p>
<p><a href="https://www.linkedin.com/in/cherry-augusta-3957a916" target="_blank" rel="noopener noreferrer">LinkedIn</a></p>
<p><a href="mailto:cherryaugusta@gmail.com">cherryaugusta@gmail.com</a></p>
</div>
<div>
<p>London, United Kingdom</p>
<p>© <span id="current-year">2026</span> Cherry Augusta</p>
</div>
</div>
</footer>
</body>
</html>