-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
335 lines (326 loc) · 15.7 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
<!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">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="style.css">
<link rel="website icon" type="png" href="./assets/coding.png">
<title>Mariana Moreira</title>
</head>
<body>
<header class="container">
<div class="page-header">
<div class="logo">
<img src="./assets/coding.png" alt="">
</div>
<input type="checkbox" id="click">
<label for="click" class="mainicon">
<div class="menu">
<i class='bx bx-menu'></i>
</div>
</label>
<ul>
<li><a href="#" class="active" style="--navAni:1">Inicio</a></li>
<li><a href="#about-loc" style="--navAni:2">Sobre mim</a></li>
<li><a href="#skills-loc" style="--navAni:3">Skills</a></li>
<li><a href="#portfolio-loc" style="--navAni:4">Portfolio</a></li>
<li><a href="#exp-loc" style="--navAni:5">Experiencia</a></li>
</ul>
</div>
</header>
<section class="container">
<div class="main">
<div class="images">
<img src="./assets/foto.jpg" alt="" class="img-w">
</div>
<div class="detail">
<h3>Oiii, Meu nome é</h3>
<h1><span style="color:#000080;">Mariana</span> D. Moreira</h1>
<p>Cloud Analyst</p>
<p>Site Reability Engineer</p>
<div class="social">
<a href="https://www.linkedin.com/in/mariana-duarte-moreira/" style="--socialAni:1"><i class='bx bxl-linkedin'></i></a>
<a href="https://instagram.com/marianadmoreira_" style="--socialAni:2"><i class='bx bxl-instagram'></i></a>
<a href="https://github.com/marimoreiraa" style="--socialAni:3"><i class='bx bxl-github'></i></a>
</div>
</div>
</div>
</section>
<section class="about" id="about-loc">
<h1>Sobre mim</h1>
<div class="description">
<div class="line"></div>
<p style="white-space: pre-line;">
Olá! 👋
Meu nome é Mariana, mas pode me chamar de Mari, e é um prazer enorme ter você aqui!
Como alguém apaixonada por tecnologia e entusiasta de dados, estou em uma jornada empolgante de aprendizado e crescimento constante. 💡
Meu caminho profissional começou na faculdade onde tive meu primeiro contato com Programação e logo de cara me apaixonei por essa area, com isso, busquei aprofundar minhas habilidades em
Python e explorei os intrincados mundos do Cloud Computing através do bootcamp de Engenharia de Dados.
Desde então, mergulhei de cabeça no universo de dados, trabalhando como estagiária de Engenharia de Dados, onde aprendi ainda mais sobre Programação, Cloud Computing, Devops e SRE.
Hoje, atuo como Analista de Cloud, na equipe de Site Reliability Engineer (SRE), onde desafios e inovação são a essência do meu dia a dia.
A paixão por resolver problemas e otimizar infraestruturas é o que me motiva a enfrentar novos desafios com entusiasmo.
Estou sempre em busca de novas maneiras de melhorar, aprender e crescer. 🚀🌐
</p>
</div>
</section>
<section class="skills" id="skills-loc">
<h1>Minhas Skills</h1>
<div class="line"></div>
<div class="cards">
<div class="skill-card">
<img src="./assets/amazon-web-services.svg" alt="">
<h2>AWS</h2>
</div>
<div class="skill-card">
<img src="./assets/gcp.png" alt="">
<h2>GCP</h2>
</div>
<div class="skill-card">
<img src="./assets/elastic.png" alt="">
<h2>Elastic Cloud</h2>
</div>
<div class="skill-card">
<img src="./assets/heroku.png" alt="">
<h2>Heroku</h2>
</div>
<div class="skill-card">
<img src="./assets/opensearch.png" alt="">
<h2>Opensearch</h2>
</div>
<div class="skill-card">
<img src="./assets/git.svg" alt="">
<h2>GIT</h2>
</div>
<div class="skill-card">
<img src="./assets/gitlab.png" alt="">
<h2>Gitlab</h2>
</div>
<div class="skill-card">
<img src="./assets/github.png" alt="">
<h2>Github</h2>
</div>
<div class="skill-card">
<img src="./assets/terraform.png" alt="">
<h2>Terraform</h2>
</div>
<div class="skill-card">
<img src="./assets/jenkins.png" alt="">
<h2>Jenkins</h2>
</div>
<div class="skill-card">
<img src="./assets/grafana.png" alt="">
<h2>Grafana</h2>
</div>
<div class="skill-card">
<img src="./assets/docker.png" alt="">
<h2>Docker</h2>
</div>
<div class="skill-card">
<img src="./assets/kubernetes.png" alt="">
<h2>Kubernetes</h2>
</div>
<div class="skill-card">
<img src="./assets/helm.png" alt="">
<h2>Helm</h2>
</div>
<div class="skill-card">
<img src="./assets/linux-96.png" alt="">
<h2>Linux</h2>
</div>
<div class="skill-card">
<img src="./assets/python.svg" alt="">
<h2>Python</h2>
</div>
<div class="skill-card">
<img src="./assets/java.png" alt="">
<h2>Java</h2>
</div>
<div class="skill-card">
<img src="./assets/css.svg" alt="">
<h2>CSS</h2>
</div>
<div class="skill-card">
<img src="./assets/html.svg" alt="">
<h2>HTML</h2>
</div>
<div class="skill-card">
<img src="./assets/springboot.png" alt="">
<h2>Spring Boot</h2>
</div>
<div class="skill-card">
<img src="./assets/mongodb.svg" alt="">
<h2>MongoDB</h2>
</div>
<div class="skill-card">
<img src="./assets/cassandra.png" alt="">
<h2>Cassandra</h2>
</div>
<div class="skill-card">
<img src="./assets/mysql.svg" alt="">
<h2>MySQL</h2>
</div>
<div class="skill-card">
<img src="./assets/postgresql.png" alt="">
<h2>PostgreSQL</h2>
</div>
</div>
</section>
<section class="portfolio" id="portfolio-loc">
<h1>Portfolio</h1>
<div class="portfolio-cards">
<div class="portfolio-card">
<img src="./assets/pagerbeauty.png" alt="">
<div class="overlay">
<h3>Pagerbeauty Helm Chart</h3>
<p>Helm Chart desenvolvido para facilitar a instalação e uso do PagerBeauty do PagerDuty.</p>
<a href="https://github.com/osgurisdosre/helm-charts/tree/main/charts/pagerbeauty" target="_blank">
<button>Mais detalhes -></button>
</a>
</div>
</div>
<div class="portfolio-card">
<img src="./assets/todolist.png" alt="">
<div class="overlay">
<h3>To-do List</h3>
<p>Projeto de um To-do List Simples utilizando Spring Boot (Java) e Thymeleaf
para o desenvolvimento, além de PostgreSQL como banco de dados e Render
para hospedagem em Cloud.</p>
<a href="https://github.com/marimoreiraa/Todolist" target="_blank">
<button>Mais detalhes -></button>
</a>
</div>
</div>
<div class="portfolio-card">
<img src="./assets/library.png" alt="">
<div class="overlay">
<h3>Library Managment System</h3>
<p>Projeto de um Sistema de Gerenciamento de Biblioteca utilizando Spring Boot
(Java) e Thymeleaf para o desenvolvimento, seguindo alguns Padrões de Projeto,
além de PostgreSQL como banco de dados e Render para hospedagem em Cloud.</p>
<a href="https://github.com/marimoreiraa/Library-Managment-System" target="_blank">
<button>Mais detalhes -></button>
</a>
</div>
</div>
<div class="portfolio-card">
<img src="./assets/chatbot.png" alt="">
<div class="overlay">
<h3>ChatBot Telegram</h3>
<p>ChatBot de Telegram personalizado para cliente utilizando Python.</p>
<a href="https://t.me/blackwin1_Bot" target="_blank">
<button>Mais detalhes -></button>
</a>
</div>
</div>
<div class="portfolio-card">
<img src="./assets/projetod.png" alt="">
<div class="overlay">
<h3>Projeto D.</h3>
<p>Projeto extra desenvolvido ao final do BootCamp de Engenharia de Dados que consistia em
alimentar os dados de um dataframe em uma tabela do PostgreSQL, em seguida, transformar
e migrar esses dados para o Cassandra em nuvem. Após o processo de migração, foram realizadas
normalizações e analises utilizando Pandas e PySpark para por fim, serem criadas views dos
insights mais importantes utilizando o BigQuery e as disponibilizando no DataStudio. </p>
<a href="https://github.com/marimoreiraa/ProjetoD" target="_blank">
<button>Mais detalhes -></button>
</a>
</div>
</div>
<div class="portfolio-card">
<img src="./assets/bootcamp.png"">
<div class="overlay">
<h3>Projeto Bootcamp</h3>
<p>Projeto desenvolvido ao final do Bootcamp de Engenharia de Dados que consistia em extrair,
normalizar e analisar dados de um dataframe utilizando Pandas, PySpark e SparkSQL. Ao final,
os insights extraídos foram disponibilizados em um DashBoard no DataStudio.</p>
<a href="https://github.com/marimoreiraa/ProjetoFinal" target="_blank">
<button>Mais detalhes -></button>
</a>
</div>
</div>
</div>
</section>
<section class="timeline-section" id="exp-loc">
<h1>Experiencia</h1>
<div class="timeline-items">
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2019</div>
<div class="timeline-content">
<h2>Assessora de Negócios</h2>
<h3>Tristate - Empresa Júnior</h3>
<p>Dentro da Empresa Júnior Tristate, atuei como Assessora de Negócios e
Diretora Coemrcial, onde estava diretamente conectada com os clientes
para oferecer as soluções da empresa e atrairmais leads.
Além disso, participei do desenvolvimento de projetos como Sites e
Softwares de Controle de Estoque e Fluxo de Caixa.
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2020</div>
<div class="timeline-content">
<h2>Diretora Comercial</h2>
<h3>Tristate - Empresa Júnior</h3>
<p>Dentro da Empresa Júnior Tristate, atuei como Assessora de Negócios e
Diretora Coemrcial, onde estava diretamente conectada com os clientes
para oferecer as soluções da empresa e atrairmais leads.
Além disso, participei do desenvolvimento de projetos como Sites e
Softwares de Controle de Estoque e Fluxo de Caixa.
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2021</div>
<div class="timeline-content">
<h2>Data Engineer Bootcamp</h2>
<h3>SoulCode Academy</h3>
<p>Realizei o Bootcamp de Engenharia de Dados na SoulCode Academy,
onde aprendi a utilizar a linguagem Python para importar, limpar
e manipular bases de Dados com a biblioteca Pandas e também, aprendi
sobre como utilizar a linguagem SQL dentro do BigQuery da Google Cloud
Plataform. Além disso, aprendi como realizar requisições SQL e NoSQL
via Python, bem como o uso do Spark, através do PySpark e do SparkSQL.
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2022</div>
<div class="timeline-content">
<h2>Data Engineer Internship</h2>
<h3>ilegra</h3>
<p>Como estagiária na ilegra, passei por 2 trilhas de conhecimentos
diferentes: A primeira foi a trilha de Core Engineering, onde aprendemos
conceitos básicos a avançados de programação em Java, POO, integração com
Bancos de Dados e Padrões de Projetos ; e a segunda foi a trilha de DevOps
and Cloud Basics, onde aprendi que tão importante quanto saber um conceito
é saber repassar o conhecimento, além disso, aprendi o básico de AWS e GCP
e como evoluir um programa simples em Python com os conceitos e ferramentas de Devops.
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2023</div>
<div class="timeline-content">
<h2>Cloud Analyst | Site Reliability Engineering</h2>
<h3>ilegra</h3>
<p>Atualmente, trabalhando como SRE, venho colocando em prática
tudo que aprendi em minhas experiências anteriores, além de
estar aprendendo tecnologias e funcionalidades novas e estar me
desafiando (e evoluindo) todos os dias.
</p>
</div>
</div>
</div>
</section>
<footer>
<p>Feito por Mariana Duarte</p>
</footer>
</body>
</html>