-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
451 lines (420 loc) · 26.3 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
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Maxine's Tech Gallery • Maxine Xiong's Personal Portfolio Website</title>
<link rel='icon' type='image/x-icon' href='./assets/images/MyProfileImage_3.ico'>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="./assets/css/main.css" />
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KPWXSPH38M"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-KPWXSPH38M');
</script>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">MAXINE XIONG</a>
<ul class="icons">
<!--<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>-->
<!-- <li><a href="#"><img src="images/pic01.jpg" width="5%" style="vertical-align:middle;margin:0px 5px 0px 0px"></a></li> -->
<li><a href="https://www.linkedin.com/in/maxinexiong/" target='_blank' class="icon brands fa-linkedin" title='LinkedIn'><span class="label">LinkedIn</span></a></li>
<li><a href="https://medium.com/@maxinexiong2" target='_blank' class="icon brands fa-medium-m" title='Medium'><span class="label">Medium</span></a></li>
<li><a href="https://github.com/MaxineXiong" target='_blank' class="icon brands fa-github-square" title='GitHub'><span class="label">GitHub</span></a></li>
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1 style='color:#6699FF'>Hi, I’m</h1>
<h1 style='color:#6699FF'>Maxine Xiong</h1>
<p>A DATA PROFESSIONAL AND AUTOMATION SPECIALIST</p>
</header>
<p>As an analytical professional, I specialise in <b style="color:#FFFFFF">data analytics</b>,
<b style="color:#FFFFFF">data visualisation</b>, <b style="color:#FFFFFF">data engineering</b>,
<b style="color:#FFFFFF">machine learning</b>, <b style="color:#FFFFFF">business analytics</b>,
<b style="color:#FFFFFF">programming</b>, and <b style="color:#FFFFFF">robotic process automation (RPA)</b>.
I'm passionate about utilizing up-to-date technology to solve real-world problems and drive growth for organizations.
With my expertise and dedication to ongoing learning, I'm always ready to tackle new challenges and deliver exceptional results.
</p>
<ul class="actions">
<li><a href="./resume.html" class="button big">VIEW MY RESUME</a></li>
</ul>
</div>
<span class="image object">
<img src="./assets/images/selfie_anime.png" alt="" />
</span>
</section>
<!-- Skills -->
<section>
<header class="major">
<h2 id="skills">Skills</h2>
</header>
<!-- Tableau Dashboard -->
<div class='tableauPlaceholder' id='viz1686212681789' style='position:relative;margin-bottom:1.6em'><noscript><a href='#'><img alt='SKILLS HUB ' src='https://public.tableau.com/static/images/My/MySkillsHub2/SKILLSHUB/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='MySkillsHub2/SKILLSHUB' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/My/MySkillsHub2/SKILLSHUB/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='language' value='en-GB' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1686212681789'); var vizElement = divElement.getElementsByTagName('object')[0]; if ( divElement.offsetWidth > 800 ) { vizElement.style.width='800px';vizElement.style.height='817px';} else if ( divElement.offsetWidth > 500 ) { vizElement.style.width='800px';vizElement.style.height='817px';} else { vizElement.style.width='100%';vizElement.style.height='1507px';} var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<!-- vizElement.style.width='827px';vizElement.style.height='1169px'; -->
</section>
<!-- Certifications -->
<section>
<header class="major">
<h2>Certifications</h2>
</header>
<div class="features">
<article>
<img src="./assets/images/PowerBI.png" width="32%" style="vertical-align:middle;margin:0px 42px 0px 0px">
<div class="content">
<h3>Microsoft Certified: Power BI Data Analyst Associate</h3>
<p>This certification validates proficiency in maximizing business data value with Microsoft Power BI,
including data modeling, transformation, and advanced analytics through easy-to-understand data visualisations.</p>
</div>
</article>
<article>
<img src="./assets/images/Tableau-CDA.png" width="32%" style="vertical-align:middle;margin:0px 42px 0px 0px">
<div class="content">
<h3>Tableau Certified Data Analyst</h3>
<p>Earners of this certification use their skills to enable stakeholders to make business decisions by understanding
the business problem, identifying data to explore for analysis, and delivering actionable insights.</p>
</div>
</article>
<article>
<img src="./assets/images/Alteryx-advanced.png" width="32%" style="vertical-align:middle;margin:0px 42px 0px 0px">
<div class="content">
<h3>Alteryx Designer Advanced Certification</h3>
<p>Earners demonstrate advanced proficiency in designing analytic apps, building macros,
analyzing spatial data, performing advanced data prep & analysis, and creating visual reports with Alteryx Designer.</p>
</div>
</article>
<article>
<!--<span class="icon solid fa-signal"></span>-->
<img src="./assets/images/UiPath.png" width="32%" style="vertical-align:middle;margin:0px 42px 0px 0px">
<div class="content">
<h3>UiPath Certified Advanced RPA Developer</h3>
<p>Earner has proven understanding and extensive experience with UiPath (Studio, Robots, Orchestrator)
and ability to build/lead production-level automations in Robotic Enterprise Framework.</p>
</div>
</article>
</div>
<div class="view-all-button">
<a href="./certification.html" class="button big" style='font-size:1em;'>VIEW ALL</a>
</div>
<!-- <div class="link-container">
<a href='./certification.html' class='view-all-link'>View All</a>
</div> -->
</section>
<!-- Projects -->
<section>
<header class="major">
<h2 id='projects'>Projects</h2>
</header>
<div class="posts">
<!-- machine learning -->
<article>
<a id='ml' href="./projects/machine-learning.html" class="image"><img src="./assets/images/ml-cover-page.JPG" alt="" /></a>
<h3><a href="./projects/machine-learning.html">Machine Learning Projects</a></h3>
<p style='height: 12em'>Machine learning involves developing algorithms that enable computers to learn from data
and make predictions or decisions. Neural networks, inspired by the human brain, are powerful algorithms within
machine learning that excel at recognizing patterns and are used in tasks like image recognition and predictive analytics.</p>
<div class="button-container-home">
<a href="./projects/machine-learning.html" class="button">View</a>
</div>
</article>
<!-- data engineering -->
<article>
<a id='de' href="./projects/data-engineering.html" class="image"><img src="./assets/images/de-cover-page.png" alt="" /></a>
<h3><a href="./projects/data-engineering.html">Data Engineering Projects</a></h3>
<p style='height: 12em'>Data engineering involves designing and constructing infrastructure, frameworks,
and processes for large-scale data processing and storage. This responsibility includes tasks such as data
modeling, data warehousing, data wrangling, and data pipelines, ensuring data quality to enable organizations to efficiently
manage and derive insights from their data.</p>
<div class="button-container-home">
<a href="./projects/data-engineering.html" class="button">View</a>
</div>
</article>
<!-- AI projects -->
<article>
<a id='ai' href="./projects/ai-projects.html" class="image"><img src="./assets/images/ai-cover-page.jpg" alt="" /></a>
<h3><a href="./projects/ai-projects.html">AI Projects</a></h3>
<p style='height: 12em'>Artificial Intelligence (AI) refers to the simulation of human intelligence in machines, enabling them to
perform tasks that typically require human intelligence. APIs of AI, such as OpenAI APIs, provide developers
with convenient access to AI capabilities, allowing them to integrate advanced AI functionalities into their
applications and services easily.</p>
<div class="button-container-home">
<a href="./projects/ai-projects.html" class="button">View</a>
</div>
</article>
<!-- python -->
<article>
<a id='python' href="./projects/python.html" class="image"><img src="./assets/images/python-cover-page.png" alt="" /></a>
<h3><a href="./projects/python.html">Python Projects</a></h3>
<p style='height: 12em'>Python is a popular high-level programming language known for its simplicity and readability. It has gained
significant popularity due to its vast ecosystem of packages and libraries, which provide extensive
functionality for various domains such as data analysis, machine learning, web development, and more</p>
<div class="button-container-home">
<a href="./projects/python.html" class="button">View</a>
</div>
</article>
<!-- spark -->
<article>
<a id='spark' href="./projects/spark.html" class="image"><img src="./assets/images/spark-cover-page.png" alt="" /></a>
<h3><a href="./projects/spark.html">Spark Projects</a></h3>
<p style='height: 12em'>Apache Spark is a fast and versatile distributed computing system. Its PySpark ecosystem,
including Spark RDD, Spark DataFrames, Spark SQL, and Spark ML, enables efficient processing and analysis of
large-scale datasets using Python, with in-memory computing and robust support for machine learning and data
manipulation tasks.</p>
<div class="button-container-home">
<a href="./projects/spark.html" class="button">View</a>
</div>
</article>
<!-- sql -->
<article>
<a id="sql" href="./projects/sql.html" class="image"><img src="./assets/images/sql-cover-page.png" alt="" /></a>
<h3><a href="./projects/sql.html">SQL Projects</a></h3>
<p style='height: 12em'>SQL (Structured Query Language) is a powerful programming language used for managing and manipulating
relational databases. It provides a standardised way to interact with databases, allowing users to query,
insert, update, and delete data, as well as define and modify database structures.</p>
<div class="button-container-home">
<a href="./projects/sql.html" class="button">View</a>
</div>
</article>
<!-- algorithm -->
<article>
<a id='algo' href="./projects/algorithm.html" class="image"><img src="./assets/images/algo-cover-page.png" style="border: 1px solid #7f7f7f;" alt="" /></a>
<h3><a href="./projects/algorithm.html">Algorithmic Projects</a></h3>
<p style='height: 12em'>An algorithm is a step-by-step procedure or set of rules designed to solve a specific problem or accomplish a
particular task. It is a fundamental concept in computer science and forms the basis for developing efficient
and effective solutions in various domains, from data processing and machine learning to optimization and
cryptography.</p>
<div class="button-container-home">
<a href="./projects/algorithm.html" class="button">View</a>
</div>
</article>
<!-- vba -->
<article>
<a id='vba' href="./projects/vba.html" class="image"><img src="./assets/images/vba-cover-page.jpg" alt="" /></a>
<h3><a href="./projects/vba.html">VBA Projects</a></h3>
<p style='height: 12em'>VBA (Visual Basic for Applications) is a programming language utilised to automate tasks and enhance
functionality in Microsoft Office applications such as Excel, Word, PowerPoint, and Outlook Email. It
empowers users to create macros, userforms, user-defined functions, and streamline workflows, making their
work more efficient and productive.</p>
<div class="button-container-home">
<a href="./projects/vba.html" class="button">View</a>
</div>
</article>
<!-- sas -->
<article>
<a id='sas' href="./projects/sas.html" class="image"><img src="./assets/images/sas-cover-page.png" alt="" /></a>
<h3><a href="./projects/sas.html">SAS Case Studies</a></h3>
<p style='height: 12em'>SAS (Statistical Analysis System) is a comprehensive software suite widely used for advanced statistical
analysis, data management, and predictive modeling. With its extensive range of tools and capabilities, SAS
enables organizations to derive valuable insights from their data, make data-driven decisions, and effectively
solve complex analytical problems.</p>
<div class="button-container-home">
<a href="./projects/sas.html" class="button">View</a>
</div>
</article>
<!-- alteryx -->
<article>
<a id='alteryx' href="https://community.alteryx.com/t5/forums/recentpostspage/post-type/message/user-id/103689/page/1" target="_blank" class="image">
<img src="./assets/images/alteryx-cover-page.png" style="border: 1px solid #7f7f7f;" alt="" />
</a>
<h3><a href="https://community.alteryx.com/t5/forums/recentpostspage/post-type/message/user-id/103689/page/1" target="_blank">Alteryx Challenges</a></h3>
<p style='height: 12em'>Alteryx is a powerful data analytics and data preparation platform that empowers analysts and data scientists
to efficiently blend, cleanse, and analyse data from various sources. With its intuitive drag-and-drop interface
and extensive library of pre-built tools, Alteryx enables users to gain insights and automate complex data workflows
without requiring extensive coding knowledge.</p>
<div class="button-container-home">
<a href="https://community.alteryx.com/t5/forums/recentpostspage/post-type/message/user-id/103689/page/1" target="_blank" class="button">View</a>
</div>
</article>
<!-- tableau -->
<article>
<a id='tableau' href="https://public.tableau.com/app/profile/maxine1212" target="_blank" class="image">
<img src="./assets/images/tableau-cover-page.png" alt="" />
</a>
<h3><a href="https://public.tableau.com/app/profile/maxine1212" target="_blank">Tableau Exercises</a></h3>
<p style='height: 12em'>Tableau is a leading data visualisation and analytics platform that allows users to transform complex
datasets into interactive visualisations and dashboards. With its user-friendly interface and powerful
capabilities, Tableau enables organizations to easily explore and communicate data-driven insights, making
it a valuable tool for data analysis and decision-making.</p>
<div class="button-container-home">
<a href="https://public.tableau.com/app/profile/maxine1212" target="_blank" class="button">View</a>
</div>
</article>
<!-- RPA -->
<article>
<a id='rpa' href="./projects/rpa.html" class="image"><img src="./assets/images/rpa-cover-page.png" alt="" /></a>
<h3><a href="./projects/rpa.html">UiPath RPA Projects</a></h3>
<p style='height: 12em'>UiPath is a prominent RPA (Robotic Process Automation) software that automates tasks, streamlines workflows,
and improves operational efficiency. With an intuitive interface and advanced capabilities, UiPath empowers
organizations to automate business processes across applications, freeing up resources for higher-value
activities.</p>
<div class="button-container-home">
<a href="./projects/rpa.html" class="button">View</a>
</div>
</article>
<!-- HTML & CSS -->
<article>
<a id='html&css' href="./projects/html-css.html" class="image"><img src="./assets/images/html-css-cover-page_1.jpg" style="border: 1px solid #7f7f7f;" alt="" /></a>
<h3><a href="./projects/html-css.html">HTML5 & CSS3 Web Applications</a></h3>
<p style='height: 12em'>Web application development using HTML5 and CSS3 allows for the creation of modern, interactive, and
visually appealing websites. HTML5 provides the structure and semantics, while CSS3 enhances the design
and layout, enabling developers to build dynamic and responsive web applications that deliver an engaging
user experience.</p>
<div class="button-container-home">
<a href="./projects/html-css.html" class="button">View</a>
</div>
</article>
</div>
</section>
</div>
</div>
<!-- Back to Top Button -->
<div id="backToTopText" class="back-to-top" title='Back to Top'>
<span class="arrow" >⤒</span> <!-- Using a Unicode character for the arrow -->
<!-- <span class="text">Back to Top</span> -->
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<section id="search" class="alt">
<form method="post" action="#" autocomplete="off">
<input type="text" name="query" id="query"
style='color:#2B2D31' placeholder="Search for a project here" />
<div id="searchResults" class="dropdown-list"></div>
</form>
</section>
<!-- Menu -->
<nav id="menu" style='padding-bottom:3.5em'>
<header class="profile" style='margin:0 0 2em 0'>
<center>
<img src="./images/MyProfileImage_2.ico" width="60%" style="margin-top:3.5em;margin-bottom:30px">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/maxinexiong/" target='_blank' class="icon brands fa-linkedin" title='LinkedIn' style='font-size:1.3em'>
<span class="label"></span>
</a>
</li>
<li>
<a href="https://medium.com/@maxinexiong2" target='_blank' class="icon brands fa-medium-m" title='Medium' style='font-size:1.3em'>
<span class="label"></span>
</a>
</li>
<li>
<a href="https://github.com/MaxineXiong" target='_blank' class="icon brands fa-github-square" title='GitHub' style='font-size:1.3em'>
<span class="label"></span>
</a>
</li>
<li>
<a href="https://community.alteryx.com/t5/forums/recentpostspage/post-type/message/user-id/103689/page/1" target='_blank' class="icon brands fa-amilia" title='Alteryx Commnuity' style='font-size:1.3em'>
<span class="label"></span>
</a>
</li>
<li>
<a href="https://public.tableau.com/app/profile/maxine1212" target='_blank' class="icon fa-chart-bar" title='Tableau Public' style='font-size:1.3em'>
<span class="label"></span>
</a>
</li>
<li>
<a href="#" target='_blank' class="icon brands fa-kaggle" title='Kaggle' style='font-size:1.3em'>
<span class="label"></span>
</a>
</li>
</ul>
</center>
</header>
<ul>
<li><a href="index.html" class = 'fixed' style='font-size:1.2em'>HOME</a></li>
<li><a href="#skills" class = 'fixed' style='font-size:1.2em'>SKILLS</a></li>
<li><a href="./certification.html" class = 'fixed' style='font-size:1.2em'>CERTIFICATIONS</a></li>
<li>
<span class="opener" style='font-size:1.2em'>PROJECTS</span>
<ul>
<li><a href="./projects/python.html">Python Projects</a></li>
<li><a href="./projects/sql.html">SQL Projects</a></li>
<li><a href="./projects/spark.html">Spark Projects</a></li>
<li><a href="./projects/vba.html">VBA Projects</a></li>
<li><a href="https://public.tableau.com/app/profile/maxine1212" target="_blank">Tableau Exercises</a></li>
<li><a href="https://community.alteryx.com/t5/forums/recentpostspage/post-type/message/user-id/103689/page/1" target="_blank">Alteryx Challenges</a></li>
<li><a href="./projects/data-engineering.html">Data Engineering Projects</a></li>
<li><a href="./projects/machine-learning.html">Machine Learning Projects</a></li>
<li><a href="./projects/ai-projects.html">AI Projects</a></li>
<li><a href="./projects/algorithm.html">Algorithmic Projects</a></li>
<li><a href="./projects/rpa.html">UiPath RPA Projects</a></li>
<li><a href="./projects/sas.html">SAS Case Studies</a></li>
<li><a href="./projects/html-css.html">HTML5 & CSS3 Web Applications</a></li>
</ul>
</li>
<li><a href="https://medium.com/@maxinexiong2" target='_blank' style='font-size:1.2em'>BLOG</a></li>
<li><a href="resume.html" style='font-size:1.2em'>ABOUT</a></li>
</ul>
</nav>
<!-- Contact Me -->
<section style='padding-bottom:3.8em'>
<header class="major">
<h3>
Contact Me
</h3>
</header>
<p>Interested in exploring potential collaborations? I'd love to hear from you! Whether you have inquiries, exciting opportunities, or
simply want to connect, feel free to get in touch. Please use the contact details below to reach out. I look forward to connecting with
you and discussing how my project experience can contribute to your upcoming venture. Let's connect and explore the possibilities together!</p>
<ul class="contact">
<!-- visit https://fontawesome.com/v5.15/icons?d=gallery&p=2 for more icon code -->
<li class="icon solid fa-envelope"><a href="mailto: maxinexiong2@gmail.com">maxinexiong2@gmail.com</a></li>
<li class="icon brands fa-linkedin"><a href="https://www.linkedin.com/in/maxinexiong" target = '_blank'>www.linkedin.com/in/maxinexiong</a></li>
<li class="icon solid fa-mobile"><a href='tel:61405613647'>+61 405 613 647</a></li>
<li class="icon solid fa-home">Sydney, NSW 2000, Australia</li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<div style="display: flex; align-items: center;">
<label for="dropdown" style="width:50%; font-size:18px; color:#9fa3a6; margin: 0.1em 0.1em 0.1em 0em">THEME</label>
<select id="dropdown" style="width:50%; background-color:#313338;">
<option value="light-mode" style='background-color:#313338'>Light Mode</option>
<option value="dark-mode" style='background-color:#313338' selected>Dark Mode</option>
</select>
<!-- JS part for THEME selection -->
<script>
const dropdown = document.getElementById("dropdown");
dropdown.addEventListener("change", function() {
if (dropdown.value === "light-mode") {
window.location.href = "./light-mode/index.html";
}
});
</script>
</div>
<br><br>
<p class="copyright"><i>© 2023-2024 XIONG, CHUCHU All Rights Reserved.</i></p>
<p style='font-size:11px;color:#9fa3a6'>
This website and its content are protected by copyright. All materials, including images, illustrations, designs,
icons, photographs, written and other materials that appear on this website are owned by CHUCHU XIONG, unless
otherwise stated, and are protected by applicable intellectual property laws.
</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>