Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
386 lines (379 loc) · 25.1 KB
/
Copy pathindex.html
File metadata and controls
386 lines (379 loc) · 25.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>From a Scientist to a Programmer</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Paula Banks Personal Website">
<meta name="author" content="Paula Banks">
<meta name="title" content="From a Scientist to a Programmer">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="images/site.webmanifest">
<!-- Google Font -->
<link href='https://fonts.googleapis.com/css?family=Cutive Mono' rel='stylesheet'>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css">
<!-- FontAwesome CSS-->
<script src="https://kit.fontawesome.com/94bfc2f5e9.js" crossorigin="anonymous"></script>
<!-- Theme CSS-->
<link id="theme-style" rel="stylesheet" href="css/pillar-1.css">
</head>
<body>
<article class="resume-wrapper text-center position-relative">
<div class="resume-wrapper__inner mx-auto text-left bg-white shadow-lg">
<header class="resume-header pt-4 pt-md-0">
<div class="social-container flex-column flex-md-row">
<img class="social-container__picture mr-3 img-fluid mx-auto" src="images/profile.png" height="100" width="100" alt="">
<div class="social-container__body p-4 d-flex flex-column flex-md-row mx-auto mx-lg-0">
<div class="social-container__primary-info">
<h1 class="social-container__name mt-0 mb-1 text-white text-uppercase">Paula Banks</h1>
<div class="social-container__title mb-3">Software Developer</div>
</div>
<div class="social-container__secondary-info ml-md-auto mt-2">
<ul class="fa-ul">
<li><span class="fa-li social-container__social-link-text"><i class="fa-solid fa-at"></i></span>
<SCRIPT type='text/javascript'>
a = 'bpaula92';
b = 'gmail.com'
document.write('<a hre' + 'f="mai' + 'lto:' + a + '@' + b + '" class="social-container__social-link" target="_parent" aria-hidden="true">');
document.write(a + '@' + b + '</a>');
</SCRIPT></li>
<li><span class="fa-li"><i class="fa-brands fa-linkedin-in"></i></span>
<a class="resume-header__social-link" aria-hidden="true" target="_blank" href="https://www.linkedin.com/in/paulambanks/">
<span class="social-container__social-link" aria-label="linkedin account">linkedin.com/in/paulambanks</span>
</a>
</li>
<li><span class="fa-li"><i class="fa-brands fa-github"></i></span>
<a class="resume-header__social-link" aria-hidden="true" target="_blank" href="https://github.com/paulambanks">
<span class="social-container__social-link-text" aria-label="github account">github.com/paulambanks</span>
</a>
</li>
</ul>
<a class="ml-3" role="button" aria-hidden="true" href="images/Paula_Banks_CV.pdf" target="_blank">
<button class="btn btn-download-resume" aria-label="download the resume button">
<i class="social-container__social-link-icon fa-solid fa-download"></i>
<span class="social-container__social-link-text--dark" aria-label="github account">Download resume</span>
</button>
</a>
</div>
</div>
</div>
</header>
<div class="resume-body p-5">
<section class="resume-section summary-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Curious. Enthusiastic. Positive.</h2>
<div class="resume-section-content">
<p class="mb-0">Over the past decade I studied and worked in the Biosciences. It was a great opportunity that allowed me to embrace the interdisciplinary nature of science, and work with inspiring people on a variety of scientific challenges. I became drawn to research because of the creativity involved in solving scientific problems.
<br>
Now I am working hard to reach a new goal - <strong>becoming a full stack developer.</strong>
<br>
<em>Why?</em>
<br>
<strong>Because I am motivated by my curiosity, I am enthusiastic about solving problems and I learn new skills with a positive attitude, plus it’s fun!.</strong></p>
</div>
</section>
<section class="resume-section skills-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Skills & Tools</h2>
<div class="resume-section-content">
<ul class="fa-ul" style="margin: 0; display: flex; flex-wrap: wrap">
<li class="m-2" style="display: table">
<img alt="react" aria-label="react" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">70%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="javascript" aria-label="javascript" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-plain.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">70%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="jest" aria-label="jest" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jest/jest-plain.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">70%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="html" aria-label="html" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">90%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="css" aria-label="css" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">70%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="typescript" aria-label="typescript" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-plain.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100">30%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="nodejs" aria-label="nodejs" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">50%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="mongo" aria-label="mongo" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-plain-wordmark.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">70%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="mysql" aria-label="mysql" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mysql/mysql-original-wordmark.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">70%</div>
</div>
</li>
<li class="m-2" style="display: table">
<img alt="php" aria-label="php" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/php/php-plain.svg" height="70" width="70" />
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">70%</div>
</div>
</li>
</ul>
</div>
<!--resume-section-content-->
</section>
<section class="resume-section experience-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-5">Work experience</h2>
<div class="timeline__container">
<ul class="fa-ul m-0">
<li class="timeline__item">
<div class="timeline__item-content">
<div class="timeline__item-header mb-2">
<div class="d-flex flex-column flex-md-row justify-content-between align-content-center">
<div class="timeline__title">
<h4 class="font-weight-bold mb-1">Frontend / Full Stack Developer</h4>
<p class="timeline__date-text">December 2024</p>
<p class="">Contract (US)</p>
</div>
<div class="timeline__company-logo">
<img alt="milan-logo" aria-label="milan-logo" src="images/milan_art_logo.webp" height="40" width="" />
</div>
</div>
</div>
<div class="timeline__item-content-text">
<p class="">
As part of the Milan ArtTech team, I'm excited to be part of a mission that transforms the art
world through education and creativity. To help artists find their voice,turn their passion into a
career, and use tools like ArtSocial to sell their art. Despite the recent decision to transition to a
new Managed Software as aService (SaaS) and conclude all development contracts, this
short period has been a valuable experience. I've gained significant insights and learning
opportunities, reinforcing my enthusiasm for contributing to innovative projects.
</p>
<ul class="">
<li> Became familiar with Gitlab CI pipelines, ensuring smooth transition from Circle CI.</li>
<li> Explored migration from Vue.js to React</li>
</ul>
</div>
</div>
<div class="timeline__item-point"></div>
</li>
<li class="timeline__item">
<div class="timeline__item-content">
<div class="timeline__item-header mb-2">
<div class="d-flex flex-column flex-md-row justify-content-between align-content-center">
<div class="timeline__title">
<h4 class="font-weight-bold mb-1">Technical Lead</h4>
<p class="timeline__date-text">Feb 2023 - Jul 2023</p>
<p class="">United Kingdom</p>
</div>
<div class="timeline__company-logo">
<img alt="react" aria-label="react" src="images/i6group__logo.png" height="50" width="50" />
</div>
</div>
</div>
<div class="timeline__item-content-text">
<ul class="">
<li><strong>Role:</strong> Managed 80/20 split between development and management for effective project oversight.</li>
<li><strong>Team Management:</strong> Oversaw team of engineers, providing guidance for optimal performance.</li>
<li><strong>Technical Leadership:</strong> Provided cross-disciplinary technical leadership, fostering collaboration.</li>
<li><strong>Collaborated Across Teams:</strong> Worked with DevOps, Data, Integration teams for project integration. </li>
<li><strong>Stakeholder Engagement:</strong> Directly interacted with stakeholders to align product development.</li>
<li><strong>Contributed to Full Product Cycle:</strong> Involved in planning, design, and implementation of products.</li>
</ul>
</div>
</div>
<div class="timeline__item-point"></div>
</li>
<li class="timeline__item">
<div class="timeline__item-content">
<div class="timeline__item-header mb-2">
<div class="d-flex justify-content-between align-content-center">
<div class="timeline__title">
<h4 class="font-weight-bold mb-1">Software Developer</h4>
<p class="timeline__date-text">Jul 2021 - Jul 2023</p>
<p class="">United Kingdom</p>
</div>
<div class="timeline__company-logo">
<img alt="react" aria-label="react" src="images/i6group__logo.png" height="50" width="50" />
</div>
</div>
</div>
<div class="timeline__item-content-text">
<ul class="m-0">
<li><strong>Front-End Development Leadership:</strong> Oversaw and evolved codebase for scalability and resilience through iterative development using React, React Testing Library, and Jest.</li>
<li><strong>Collaborative Coding Engagement:</strong> Aligned coding efforts with COO, clients, and internal teams for integrated solutions.</li>
<li><strong>Specialized Payment Integration:</strong> Implemented WebSocket-based PDQ machine payments through front-end coding.</li>
<li><strong>Full-Stack Coding Contributions:</strong> Actively involved in both front and back-end coding for comprehensive product development.</li>
</ul>
</div>
<div class="timeline__item-content-text mt-3">
<a target="_blank" href="images/charges_page_and_form.jpeg">
<img class="thumbnail" src="images/charges_page_and_form.jpeg" alt="Charges Page And Form">
</a>
<a target="_blank" href="images/charges_page.jpeg">
<img class="thumbnail" src="images/charges_page.jpeg" alt="Charges Page">
</a>
<a target="_blank" href="images/charges_modal.jpeg">
<img class="thumbnail" src="images/charges_modal.jpeg" alt="Charges Modal">
</a>
<a target="_blank" href="images/payments_modal.jpeg">
<img class="thumbnail" src="images/payments_modal.jpeg" alt="Payments Modal">
</a>
</div>
</div>
<div class="timeline__item-point"></div>
</li>
<li class="timeline__item">
<div class="timeline__item-content">
<div class="timeline__item-header mb-2">
<div class="d-flex flex-column flex-md-row justify-content-between align-content-center">
<div class="timeline__title">
<h4 class="font-weight-bold mb-1">Junior Software Developer</h4>
<p class="timeline__date-text">Oct 2020 - Jul 2021</p>
<p class="">United Kingdom</p>
</div>
<div class="timeline__company-logo">
<img alt="react" aria-label="react" src="images/i6group__logo.png" height="50" width="50" />
</div>
</div>
</div>
<div class="timeline__item-content-text">
<ul class="m-0">
<li>Developed web applications using PHP8 with Symfony 4, MongoDB, Twig/Mustache, JQuery, JavaScript.</li>
<li>Implemented testing methodologies using PHPUnit, Behat for behavior-driven development and Cypress for end-to-end testing.</li>
<li>Explored and applied React fundamentals to enhance one of our product pages.</li>
<li>Working within an Agile framework for project management.</li>
<li>Actively expanding knowledge in Node.js to broaden skill set and contribute to future development tasks.</li>
</ul>
</div>
<div class="timeline__item-content-text mt-3">
<a target="_blank" href="images/i6_award.jpeg">
<img class="thumbnail" src="images/i6_award.jpeg" alt="i6 award">
</a>
</div>
</div>
<div class="timeline__item-point"></div>
</li>
<li class="timeline__item">
<div class="timeline__item-content">
<div class="timeline__item-header mb-2">
<div class="d-flex flex-column flex-md-row justify-content-between align-content-center">
<div class="timeline__title">
<h4 class="font-weight-bold mb-1">Junior Software Developer</h4>
<p class="timeline__date-text">Mar 2019 - Oct 2020</p>
<p class="">United Kingdom</p>
</div>
<div class="timeline__company-logo">
<img alt="react" aria-label="react" src="images/substance_logo.jpeg" height="50" width="50" />
</div>
</div>
</div>
<div class="timeline__item-content-text">
<ul class="m-0">
<li>Developed web applications using PHP (Vanilla and CodeIgniter framework), MySQL, HTML, CSS, and JavaScript.</li>
<li>Contributed to both in-house developed product and external projects.</li>
<li>Participated in the complete development lifecycle, from design to implementation, testing, and maintenance of web applications.</li>
<li>Ensured cross-browser compatibility and responsive design for optimal user experience.</li>
</ul>
</div>
<div class="timeline__item-content-text mt-3">
<a target="_blank" href="https://www.seaangling.org/">
<img class="thumbnail" src="images/cefas_substance.png" alt="Cefas website">
</a>
<a target="_blank" href="https://www.viewsapp.net/">
<img class="thumbnail" src="images/Views_substance.png" alt="Views website">
</a>
</div>
</div>
<div class="timeline__item-point"></div>
</li>
</ul>
</div>
</section>
<section class="resume-section education-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Education and training</h2>
<div class="resume-section-content">
<ul class="fa-ul">
<li class="mb-2">
<div class="timeline__item-header mb-2">
<div class="d-flex flex-column flex-md-row justify-content-between align-content-center">
<div class="timeline__title">
<div class="resume-degree font-weight-bold">Get Into Tech </div>
<div class="resume-degree-org">Sky, Leeds, UK</div>
<div class="resume-degree-time text-muted">2019</div>
</div>
<div class="timeline__company-logo">
<img alt="react" aria-label="react" src="images/sky_logo.jpeg" height="50" width="50" />
</div>
</div>
</div>
<ul class="m-0">
<li>Explored current tech trends, Agile development, databases, and programming languages.</li>
<li>Covered topics like Agile methods (Scrum, Kanban), databases (SQL, NoSQL), and languages such as PHP, JavaScript, HTML, and CSS.</li>
<li>Gained skills in web development (HTML, CSS, JavaScript) and server-side scripting with PHP.</li>
<li>Practiced creating web applications and working with databases in real-world projects.</li>
</ul>
</li>
<li class="mb-2">
<div class="resume-degree font-weight-bold">MSc in Biomedical Sciences</div>
<div class="resume-degree-org">Edinburgh Napier University, Edinburgh, UK</div>
<div class="resume-degree-time text-muted">2011 - 2012</div>
</li>
<li>
<div class="resume-degree font-weight-bold">BSc Biotechnology</div>
<div class="resume-degree-org">University of Agriculture, Krakow, Poland</div>
<div class="resume-degree-time text-muted">2007 - 2011</div>
</li>
</ul>
</div>
</section>
<section class="resume-section language-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Language</h2>
<div class="resume-section-content">
<ul class="list-unstyled resume-lang-list">
<li class="mb-2"><span class="resume-lang-name font-weight-bold">Polish</span> <small class="text-muted font-weight-normal">(Native)</small></li>
<li class="mb-2 align-middle"><span class="resume-lang-name font-weight-bold">English</span> <small class="text-muted font-weight-normal">(Professional)</small></li>
<li><span class="resume-lang-name font-weight-bold">French</span> <small class="text-muted font-weight-normal">(Beginner)</small></li>
<li><span class="resume-lang-name font-weight-bold">Spanish</span> <small class="text-muted font-weight-normal">(Beginner)</small></li>
</ul>
</div>
</section>
<section class="resume-section interests-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Interests</h2>
<div class="resume-section-content">
<ul class="list-unstyled">
<li class="mb-1">Cooking</li>
<li class="mb-1">Yoga</li>
<li class="mb-1">Hiking</li>
<li class="mb-1">Dancing</li>
<li class="mb-1">RPG Games</li>
</ul>
</div>
</section>
</div>
<!--//resume-body-->
</div>
</article>
</body>
</html>