-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
920 lines (903 loc) · 36.6 KB
/
index.html
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
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Caroline Denis Portfolio</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- mouse -->
<img src="img/CarolineMouse.png" alt="CarolineMouse" id="mouse" />
<div class="navBar">
<div class="centeredFlex smallScreenNoWidth" style="width: 50%">
<img src="img/CD_Logo_2.png" alt="cd logo" id="cd_logo" />
<div class="name">
<p style="font-weight: bold">Caroline Denis</p>
<p class="accentColor1 smallScreenNoWidth">Project Manager | Software Engineer </p>
</div>
</div>
<a href="#sectionProjects">Projects</a>
<a href="#sectionAbout">About</a>
<a href="#sectionWork">My resume</a>
</div>
<div class="smallScreenImage">
<img src="img/phoneHeader.png" alt="caroline" id="carolineHeader" />
</div>
<div class="intro">
<p class="boldText">Hi, I'm Caroline</p>
<p class="accentColor1 boldText smallScreenFontL">
Software Engineer & Project Manager
</p>
<p>
With 12+ years exprience. I have a track record of delivering innovative
solutions. My leadership style is collaborative, prioritizing an
environment where teams can innovate and excel without fear of
failure. I am committed to fostering a culture of innovation,
encouraging team members to think outside the box and take calculated
risks.
</p>
<a
href="https://www.linkedin.com/in/caroline-denis-ca/"
style="font-weight: bold; color: black"
target="_blank"
rel="noopener noreferrer"
class="smallScreenTextCenter"
>
Let's connect! →
</a>
</div>
<header>
<div id="blackWhite" class="smallScreenDisplayNone">
<div id="colorImg"></div>
</div>
</header>
<div id="sectionProjects">
<h2 style="margin-bottom: 0;" class="smallScreenFontXl smallScreenTextCenter">A glance at my work</h2>
<div class="flexBox">
<div class="flexColumn">
<h4 >
GeoSpecify | Engineering Project Manager
</h4>
<p style="width: 100%">
Launched the GeoSpecify project with a comprehensive work plan to meet specific client requirements in the geological data sector. From project initiation, detailed analysis defined the key actions and goals, setting a clear agile timeline for each milestone. A dedicated team was assembled, with assignments crafted to align individual strengths to project needs. Process structures were implemented to ensure continuous alignment with client requirements, involving regular requirement analysis, pre-concept discussions, and feature development planning. This approach enabled efficient feature development, ensuring the software met high standards and delivered timely updates tailored to user needs.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">Google Suite</li>
<li class="techBox">MySQL</li>
<li class="techBox">Diagram.io</li>
<li class="techBox">GitHub</li>
<li class="techBox">Trello</li>
<li class="techBox">Asana</li>
<li class="techBox">Slack</li>
<li class="techBox">Excel</li>
<li class="techBox">Canva</li>
<li class="techBox">Balsamic</li>
</lu>
</div>
<div class="smallScreenFlex">
<img src="img/geospecify.png" alt="caroline" id="tbgProject"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4 >
Specify | Engineering Project Manager
</h4>
<p style="width: 100%">
In the Specify project, a shift to an agile development process significantly boosted release frequency and quality. Release cycles increased from 2–3 times per year with limited features to a bi-monthly cadence, each containing over 20 fixes and new features. Key improvements included structured feature timelines, reiteration analysis for refining processes, and systematic task assignments, ensuring alignment across teams.
Enhanced stakeholder feedback loops and newly implemented testing protocols contributed to more efficient development, reducing post-release issues and ensuring product improvements were consistently prioritized. Analysis of previous workflows helped identify strengths in development execution, while agile adoption enabled faster, feature-rich updates to meet evolving user needs.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">Google Suite</li>
<li class="techBox">GitHub</li>
<li class="techBox">Trello</li>
<li class="techBox">Asana</li>
<li class="techBox">Slack</li>
<li class="techBox">Excel</li>
<li class="techBox">Canva</li>
<li class="techBox">Balsamic</li>
</lu>
</div>
<div class="smallScreenFlex">
<img src="img/specify.png" alt="caroline" id="tbgProject"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4 class="smallScreenFontL">GeoSpecify | Geology Software</h4>
<p style="width: 100%">
GeoSpecify is a powerful, geologist-centered software platform designed to enable efficient management, visualization, and sharing of geospatial data within geological and natural sciences organizations. Tailored to support extensive collections of geo-referenced information, GeoSpecify allows users to capture intricate details such as stratigraphy, age data, and catalog numbers essential to geological records. With its advanced data modeling tools, the software enables precise configuration of data relationships and supports high-resolution map integrations for field data analysis.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">React</li>
<li class="techBox">Python</li>
<li class="techBox">CSS</li>
<li class="techBox">CSS3</li>
<li class="techBox">HTML</li>
<li class="techBox">Javascript</li>
<li class="techBox">Regex</li>
<li class="techBox">AWS</li>
<li class="techBox">MySQL</li>
<li class="techBox">Tailwind</li>
</lu>
</div>
<!-- <div class="smallScreenFlex">
<iframe
src="https://www.youtube.com/embed/_HA1eT5zHUI?controls=0&autoplay=1&loop=1"
title="YouTube video player"
frameborder="0"
allow="autoplay"
allowfullscreen
id="TbgScreen1"
width="auto"
height="auto"
class="smallScreenVideo"
></iframe>
</div> -->
<div class="smallScreenFlex">
<img src="img/geoweb.JPG" alt="caroline" id="tbgProject"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4 class="smallScreenFontL">Specify | Biology Software</h4>
<p style="width: 100%">
Specialized platform developed for managing, curating, and sharing collections data across institutions, catering specifically to consortia in scientific, historical, or cultural disciplines. This software centralizes collections-related data, allowing multiple organizations to standardize and streamline their database structures, ensuring data accuracy and enabling interoperability across systems. Key features include data migration capabilities, customizable data models for managing hierarchical relationships among collections (such as parent-child associations in data like COGs), and robust tools for integrating geo-referenced data with evolving scientific standards. Designed with scalability in mind, it facilitates ongoing version control and progressive upgrades, allowing consortium members to adopt new functionalities at their own pace while maintaining consistent access to shared resources.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">React</li>
<li class="techBox">Python</li>
<li class="techBox">CSS</li>
<li class="techBox">CSS3</li>
<li class="techBox">HTML</li>
<li class="techBox">Javascript</li>
<li class="techBox">Regex</li>
<li class="techBox">AWS</li>
<li class="techBox">MySQL</li>
<li class="techBox">Tailwind</li>
</lu>
</div>
<!-- <div class="smallScreenFlex">
<iframe
src="https://www.youtube.com/embed/QviouRabIX0?controls=0&autoplay=1&loop=1"
title="YouTube video player"
frameborder="0"
allow="autoplay"
allowfullscreen
id="TbgScreen1"
width="auto"
height="auto"
class="smallScreenVideo"
></iframe>
</div> -->
<div class="smallScreenFlex">
<img src="img/specifyweb.JPG" alt="caroline" id="tbgProject"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4 class="smallScreenFontL">The Good Map</h4>
<p style="width: 100%">
A full stack python app allowing non profit organisations to create
projects leading to a better planet, offer volunteer positions,
collect donations. A second dashboard is accessible for users to
learn about projects, save their favorites, contact NGOs. View in 3D
of the project area, using Google Maps API.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">Python</li>
<li class="techBox">Flask</li>
<li class="techBox">Jinja</li>
<li class="techBox">CSS3</li>
<li class="techBox">HTML</li>
<li class="techBox">Javascript</li>
<li class="techBox">Regex</li>
<li class="techBox">Ajax</li>
<li class="techBox">MySQL</li>
</lu>
</div>
<!-- <div class="smallScreenFlex">
<iframe
src="https://www.youtube.com/embed/jjdTjK9OvoA?controls=0&autoplay=1&loop=1"
title="YouTube video player"
frameborder="0"
allow="autoplay"
allowfullscreen
id="TbgScreen1"
width="auto"
height="auto"
class="smallScreenVideo"
></iframe>
</div> -->
<div class="smallScreenFlex">
<img src="img/goodmap.JPG" alt="caroline" id="tbgProject"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4 >Tbg. Skincare</h4>
<p style="width: 100%">
Founded the natural and organic skincare company, designed and
developed the website from end to end, the product development and
lead all stakeholders.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">CSS3</li>
<li class="techBox">HTML</li>
<li class="techBox">Javascript</li>
<li class="techBox">Photoshop</li>
<li class="techBox">Canvas</li>
<li class="techBox">Google Suite</li>
</lu>
</div>
<!-- <div class="smallScreenFlex">
<iframe
src="https://www.youtube.com/embed/oMSisAcr_6w?controls=0&autoplay=1&loop=1"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
id="TbgScreen1"
width="auto"
height="auto"
class="smallScreenVideo"
></iframe>
</div> -->
<div class="smallScreenFlex">
<img src="img/tbgweb.JPG" alt="caroline" id="tbgProject"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4 >Flow</h4>
<p style="width: 100%">
Full-stack Java app allowing users to create, delete, and track
daily water consumptions while displaying all information using
chart APIs.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">Java</li>
<li class="techBox">photoshop</li>
<li class="techBox">Jinja</li>
<li class="techBox">CSS3</li>
<li class="techBox">HTML</li>
<li class="techBox">Javascript</li>
<li class="techBox">JQuery</li>
<li class="techBox">Spring</li>
<li class="techBox">MySQL</li>
</div>
<!-- <div class="smallScreenFlex">
<iframe
width="auto"
height="auto"
src="https://www.youtube.com/embed/1FJGWeYqf18?controls=0"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
id="TbgScreen1"
class="smallScreenVideo"
></iframe>
</div> -->
<div class="smallScreenFlex">
<img src="img/flow.JPG" alt="caroline" id="tbgProject"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4 >
Escape | Airbnb Dark Mode Clone
</h4>
<p style="width: 100%">
A full-stack MERN app allowing hosts to create, edit and delete a
stay. Instant pin creation on Google Maps. Address processor.
Calendar API. Image manager. Chat. Dynamic front end.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">React</li>
<li class="techBox">Node</li>
<li class="techBox">Express</li>
<li class="techBox">MongoDb</li>
<li class="techBox">Mongoose</li>
<li class="techBox">Javascript</li>
<li class="techBox">CSC</li>
<li class="techBox">HTML</li>
<li class="techBox">APIs</li>
</lu>
</div>
<!-- <div class="smallScreenFlex">
<iframe
width="auto"
height="auto"
src="https://www.youtube.com/embed/zZDgbGoPR5E"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
id="TbgScreen1"
class="smallScreenVideo"
></iframe>
</div> -->
<div class="smallScreenFlex">
<img src="img/escape.JPG" alt="caroline" id="tbgProject"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4>MasKit</h4>
<p style="width: 100%">
Project MaskIt was an initiative launched during the COVID-19 pandemic to distribute essential mask kits to underserved communities. As the project manager, I led cross-functional teams to ensure timely procurement, packaging, and distribution of kits. This role honed my skills in team leadership, supply chain management, and strategic planning under crisis conditions.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">Google Suite</li>
<li class="techBox">Photoshop</li>
<li class="techBox">Trello</li>
<li class="techBox">Asana</li>
<li class="techBox">Slack</li>
<li class="techBox">Excel</li>
<li class="techBox">Miro</li>
</lu>
</div>
<div class="smallScreenFlex">
<img src="img/maskit.png" alt="caroline" id="maskit"/>
</div>
</div>
<div class="flexBox">
<div class="flexColumn">
<h4 >
Tbg Skincare | Project Manager
</h4>
<p style="width: 100%">
Tbg Skincare was a US-based startup in the organic beauty industry, dedicated to providing natural, eco-friendly skincare products. As the CEO and project manager, I was responsible for overseeing product development cycles, from concept to market launch. Through strategic planning and marketing, we successfully established Tbg Skincare as a recognized brand in the industry, and it was elected as one of the best organic products by an American beauty magazine.
</p>
<lu class="projectSkills smallScreenFontXS">
<li class="techBox">Google Suite</li>
<li class="techBox">Google Analytics</li>
<li class="techBox">Photoshop</li>
<li class="techBox">Trello</li>
<li class="techBox">Asana</li>
<li class="techBox">Slack</li>
<li class="techBox">Excel</li>
<li class="techBox">Canva</li>
<li class="techBox">Wix</li>
</lu>
</div>
<div class="smallScreenFlex">
<img src="img/tbg.png" alt="caroline" id="tbgProject"/>
</div>
</div>
</div>
<div class="greyBackground">
<h2 class="smallScreenFontXl smallScreenTextCenter smallMarginBottom">My skills</h2>
<div
class="skillsDiv"
>
<div class="skillsBox">
<p class="smallScreenFontL">
Project Management
</p>
<ul>
<li>
Agile methodologies, Scrum, Waterfall
</li>
<li>
User needs identification, Business & user needs alignment, Prioritization
</li>
<li>
Stakeholder Management, Relationship building, Reporting
</li>
<li>
Cross-Functional Team Leadership, Team coordination, Conflict resolution
</li>
<li>
Risk assessment, Mitigation planning
</li>
<li>
Gathering user feedback, Analyzing user behavior
</li>
<li>
Creating project plans, Maintaining records
</li>
</ul>
</div>
<div class="skillsBox">
<p class="smallScreenFontL">
Development
</p>
<ul>
<li>
User experience design, Accessibility design, Design thinking
</li>
<li>
Responsive Design with Media Queries, Flexbox, CSS Grid
</li>
<li>
Cross-functional team leadership, Stakeholder communication
</li>
<li>
Data Analysis, A/B Testing, User feedback analysis
</li>
<li>
Creating interactive wireframes, Prototyping concepts
</li>
<li>
Backend understanding, API integration
</li>
<li>
Version Control, Git, branch management
</li>
<li>
Performance Optimization, Code optimization
</li>
</ul>
</div>
<div class="skillsBox">
<p class="smallScreenFontL">
Tools
</p>
<lu
><li>
<span style="font-weight: 700">Web dev:</span> HTML, CSS,
Bootstrap
</li>
<li>
<span style="font-weight: 700">Data base:</span> MySql, MongoDb
</li>
<li>
<span style="font-weight: 700">Language:</span> Javascript, Java,
Python
</li>
<li><span style="font-weight: 700">Hosting:</span> AWS</li>
<li>
<span style="font-weight: 700">Framework:</span> React, Flask,
Node
</li>
<li>
<span style="font-weight: 700">Concept:</span> OOPS, Rest, BCrypt,
Ajax
</li>
<li>
<span style="font-weight: 700">Design:</span> Figma, Photoshop,
Miro, Balsamiq
</li>
<li>
<span style="font-weight: 700">Research and analysis:</span>
Google analytics, ChatGPT 4
</li>
<li>
<span style="font-weight: 700">Testing:</span> Jest, Cypress, React Testing Library
</li>
<li>
<span style="font-weight: 700">Terminal commands:</span> Bash, Zsh, NPM, Yarn
</li>
<li>
<span style="font-weight: 700">Collaboration Tools:</span> GitHub, Jira, Trello, Slack, Trello, Asana, Google Drive
</li></lu
>
</div>
</div>
</div>
<div id="sectionAbout">
<h2 class="smallScreenFontXl smallScreenTextCenter">About</h2>
<div class="marginBlockFlex" style="align-items: center">
<p style="width: 90%;">
After over 5 years of teaching students around the world, traveling
over 6 continents, I decided to utilize my experience as a team leader
and moved myself in the startup world. I launched 3 small companies,
all active in the sustainability, health and community sphere. Working
on their launches, I discovered a passion for product development,
project management and coding. I dream to make this planet a better
place for future generations by combining technology, creativity and
vision. I'm pationate about wellbeing, travel and nature.
</p>
<div class="smallScreenFlex">
<img
src="img/project-manager-caro.jpg"
alt="projectManager"
id="projectManager"
/>
</div>
</div>
</div>
<div id="sectionWork">
<h2 class="smallScreenFontXl smallScreenTextCenter">Experiences</h2>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">JANUARY 2024 - PRESENT</p>
<p class="smallText">FULL-TIME</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Software Engineering Manager - Project Manager
</p>
<lu class="experienceExpl accentColor1">
<li>Pivotal role in both engineering and managerial capacities.</li>
<li>Led team of 9 developers.</li>
<li>
Responsible for planning and coordinating projects from inception
to completion.
</li>
<li>
Develop and execute strategies to ensure projects are completed on
time and within budget.
</li>
<li>
Supervise the work of multiple team members, ensuring alignment
with project goals and maintaining high performance.
</li>
<li>
Provide clear and actionable instructions to engineering teams to
drive project success.
</li>
<li>
Collaborate with other management personnel to align engineering
efforts with company objectives.
</li>
<li>
Oversee the development and execution of projects, maintaining
quality and adherence to timelines.
</li>
<li>
Conduct research and development for new designs, products, and
processes, ensuring technical accuracy and feasibility.
</li>
</lu>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">JANUARY 2023 - PRESENT</p>
<p class="smallText">FULL-TIME</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Software Engineer
</p>
<lu class="experienceExpl accentColor1">
<li>
Craft the technological backbone of our consortium's mission.
</li>
<li>
Maintain and optimize our existing codebase. I actively address
issues and challenges that our users encounter.
</li>
<li>
Improve our software and exploring innovative ways to enhance the
user experience.
</li>
<li>Implement best practices to keep our software cutting-edge.</li>
<li>
Supervise the work of multiple team members, ensuring alignment
with project goals and maintaining high performance.
</li>
<li>Collaborate closely with our tech team.</li>
<li>
Conceptualize, design, and implement new features that empower our
consortium members to do more with their data.
</li>
<li>
Design and develop the user interfaces that enable our users to
interact seamlessly with our software.
</li>
<li>Craft intuitive and user-friendly front-end experiences</li>
</lu>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">
OCTOBRE 2020 - JANUARY 2023
</p>
<p class="smallText">FULL-TIME</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
CEO - Tbg Skincare
</p>
<lu class="experienceExpl accentColor1">
<li>Designed the company's business plan.</li>
<li>Outlined the financial structure.</li>
<li>Founded legal structure.</li>
<li>Managed end-to-end he website.</li>
<li>Created branding, design, product development.</li>
<li>
Communicated with all stakeholders to ensure progress on all
projects and managed time-line in a fast paced environment.
</li>
<li>
Started as a one person company and that grew into a team of 8
subcontractors active in marketing, sales and manufacturing.
</li>
<li>
Tracked project performances through clear and measurable KPIs;
proactively identified potential issues and managed each team
member.
</li>
<li>
Directed evaluation of financial, operational, and sales
structures of the company with the continuous goal to increase
efficiency and remain within budget.
</li>
<li>
Communicated and collaborated with 12+ suppliers, oversaw orders
to guarantee timely production and delivery.
</li>
</lu>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">2022 - 2022</p>
<p class="smallText">SELF-EMPLOYED</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Full-Stack Web Developer - The Good Map | Escape | Flow
</p>
<lu class="experienceExpl accentColor1">
<li>
Constructed a login-registration using bcrypt, transient,
validations, and cookies to authenticate unique users and
safeguard private information.
</li>
<li>
Utilized models, repositories, services, and controllers to
connect with a MySQL database allowing users to store all personal
water consumptions.
</li>
<li>
Implemented Chart.js to dynamically display both relevant data and
user data from MySQL database to visually engage viewers.
</li>
<li>
Leveraged multiple external APIs to present significant supporting
data.
</li>
<li>
Paired Java and JavaScript to construct algorithms for responsive
data visualization.
</li>
<li>
Abstracted 4 OOP models to hold data that interact with each other
for engaging user experience.
</li>
<li>
Employed a Flask Python framework for fast implementation of
additional features via Jinja and JavaScript such as user
dashboard, varied logic for authorization, and flashed messages.
</li>
<li>
Created explicit controllers routing for quick, responsive
component rendering and website navigation.
</li>
<li>
Created roadmaps, program plans, and scrum boards for a group of
students to follow each person's progress.
</li>
<li>Built clear backend API routing.</li>
<li>
Implemented multiple open-source APIs including date-picker and
Google Maps geocoding to provide users with interactive features.
</li>
<li>
Employed a React framework for dynamically responsive features,
such as date-filter functions written in JavaScript and animated
text using Typewriter to give users an interactive experience.
</li>
</lu>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">
FEBRUARY 2020 - DECEMBER 2021
</p>
<p class="smallText">FULL-TIME</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Founder - Project Manager MasKIT
</p>
<lu class="experienceExpl accentColor1">
<li>Create NGO legal structure.</li>
<li>Build a team of 60+ people.</li>
<li>Developed the product and the production line.</li>
<li>
Designed and created prototypes leading to the final product in
less than 1 month using a 3D printer, laser cutter, welder as well
as photoshop and Auto-cad.
</li>
<li>
Found the most effective production process in time and quality,
respecting the European health standard for face mask.
</li>
<li>
Formed the financial plan, oversaw the company’s bank accounts.
Handled the relationship with investors and donors.
</li>
<li>
Pitched the product in front of up to 8 clients per week, mainly
leaders of city halls and large companies that were offering masks
to their citizens and employees.
</li>
<li>Managed suppliers and controlled tens of orders.</li>
<li>
Created project plans to answer both the needs of stakeholders and
customers and delivered within budget on desired outcomes.
</li>
<li>Supervised team of 60 people.</li>
<li>
Define project roles and responsibilities, including project scope
and objectives to ensure functional understanding amongst project
members.
</li>
</lu>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">
September 2015 - JUNE 2018
</p>
<p class="smallText">FULL-TIME</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle" style="font-weight: bold">
Founder - Project Manager DIY
</p>
<lu class="experienceExpl accentColor1">
<li>Create LLC legal structure.</li>
<li>
Conceptualized the curriculum, created the workbooks for all
teachers as well as the student manuals.
</li>
<li>Developed the product and the production line.</li>
<li>
Coordinated and managed a team of 6 teachers, and led groups of 25
students.
</li>
<li>
Tracked teachers and students progress by maintaining constant
communication.
</li>
<li>
Applied basic management principles to optimize time management
and help everyone achieve the outlined goals
</li>
</lu>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">
September 2014 - MARCH 2020
</p>
<p class="smallText">FULL-TIME</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Head of class Teacher - International School Belgium | Vietnam |
Australia
</p>
<lu class="experienceExpl accentColor1">
<li>
Taught 20-30 students in diverse cultures, languages and
countries.
</li>
<li>
Supervised and evaluated the program and the teacher assistants.
</li>
<li>
Implemented positive classroom management strategies that promote
teamwork, responsibility and time management.
</li>
<li>
Provided individual and group support to students using methods
such as direct instruction and learning centers to motivate and
instill enthusiasm for learning.
</li>
<li>
Monitored student performance throughout the year, using varied
assessments to improve student progress.
</li>
</lu>
</div>
</div>
</div>
<div>
<h2>Education</h2>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">2024</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
PMI Agile Certified Practioner - Project Management
</p>
<p>Master of Project Academy, United States</p>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">2024</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Performance Management - Management of Excellence
</p>
<p>Kansas University, United States</p>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">2024</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Agile Management - Agile Project Management
</p>
<p>SAP SuccessFactors, United States</p>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">2024</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Remote Project Management - Supervising Remote Project and Team
</p>
<p>Kansas University, United States</p>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">2022</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Computer Software Engineering
</p>
<p>
Colorado Technical University (Coding D), United States
</p>
</div>
</div>
<div class="marginBlockFlex">
<div class="dateWidth">
<p class="smallText">2010</p>
</div>
<div class="experienceDescription">
<p class="experienceTitle">
Bachelor in Education
</p>
<p>ENCBW College, Belgium</p>
</div>
</div>
</div>
<div class="footer">
<a href="https://www.linkedin.com/in/caroline-denis-ca/" target="_blank"
rel="noopener noreferrer">
<img src="img/linkedin.png" class="icon" alt="linkedin" />
</a>
<a href="https://github.com/CarolineDenis" target="_blank"
rel="noopener noreferrer">
<img src="img/github.png" class="icon" alt="github" />
</a>
<a href="mailto:[email protected]" id="email"
>
</div>
<!-- JQuery Script -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
integrity="sha512-+NqPlbbtM1QqiK8ZAo4Yrj2c4lNQoGv8P79DPtKzj++l5jnN39rHA/xsqn8zE9l0uSoxaCdrOgFs6yjyfbBxSg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<!-- Own Script -->
<script src="script.js"></script>
</body>
</html>