-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
255 lines (237 loc) · 12.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
<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SEO -->
<title>Diego San Miguel</title>
<meta name="description" content="Aspiring Software Engineer studying Computer Engineering at Carnegie Mellon with professional experience in an agile
development team at a Fortune 30 company.">
<!-- URL CANONICAL -->
<!-- <link rel="canonical" href="http://your-url.com/"> -->
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i%7CMaitree:200,300,400,600,700&subset=latin-ext" rel="stylesheet">
<!-- CSS WebSlides -->
<link rel="stylesheet" type='text/css' media='all' href="static/css/webslides.css">
<!-- Optional - CSS SVG Icons (Font Awesome) -->
<link rel="stylesheet" type='text/css' media='all' href="static/css/svg-icons.css">
<!-- FAVICONS -->
<link rel="shortcut icon" sizes="16x16" href="static/favicon.ico">
<link rel="shortcut icon" sizes="32x32" href="static/favicon.ico">
<link rel="apple-touch-icon icon" sizes="76x76" href="static/favicon.ico">
<link rel="apple-touch-icon icon" sizes="120x120" href="static/favicon.ico">
<link rel="apple-touch-icon icon" sizes="152x152" href="static/favicon.ico">
<link rel="apple-touch-icon icon" sizes="180x180" href="static/favicon.ico">
<link rel="apple-touch-icon icon" sizes="192x192" href="static/favicon.ico">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#333333">
</head>
<body>
<main role="main">
<article class="vertical">
<section class="bg-black aligncenter">
<span class="background dark" style="background-image:url('static/photos/gates.jpg')"></span>
<div class="wrap aligncenter">
<h1 class="text-landing" style="margin-bottom:5rem"><strong>Diego San Miguel</strong></h1>
<p class="text-intro">B.S. in Electrical and Computer Engineering<br>
Carnegie Mellon '22
</p>
<a class="button ghost" href="static/diegosanmiguel_resume_current copy.pdf" title="Download Resume">Resume</a>
</div>
</section>
<section>
<!--.wrap = container (width: 90%) -->
<div class="wrap">
<div class="grid vertical-align">
<div class="column">
<h2>About Me</h2>
<hr>
<p>Hi, I'm Diego San Miguel, an incoming software engineering intern at Microsoft, engineering student at Carnegie Mellon, systems engineer in the CMU racecar club, member of the Sigma Phi Epsilon fraternity, and active community member
passionate about Hackathons, Booth, Greek Sing, and all things that make my university unique.
</p>
<br />
<p>
This website is a small showcase of some of my work and interests, feel free to reach out at <a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
<div class="column">
<img class="aligncenter size-50"alt="me!" src="static/photos/me.jpg">
</div>
</div>
<!-- .end .wrap -->
</section>
<section class="slide-top">
<div class="wrap">
<!-- [class*="content-"] = container max-width:50% = 600px -->
<div class="content-center">
<h3>Skills</h3>
<ul class="flexblock specs">
<li>
<div>
<h2>
<svg class="fa-code">
<use xlink:href="#fa-terminal"></use>
</svg>
Coding
</h2>
Java - Python - C - C++ - C# - JavaScript - TypeScript - System Verilog
</div>
</li>
<li>
<div>
<h2>
<svg class="fa-code">
<use xlink:href="#fa-desktop"></use>
</svg>
Tools
</h2>
Linux - Git - Powershell - .NET - NodeJS - ReactJS
</div>
</li>
<li>
<div>
<h2>
<svg class="fa-code">
<use xlink:href="#fa-cogs"></use>
</svg>
Methodologies
</h2>
Agile - Scrum - GitFlow
</div>
</li>
<li>
<div>
<h2>
<svg class="fa-code">
<use xlink:href="#fa-cloud"></use>
</svg>
Cloud Familiarity
</h2>
Azure CosmosDB, ServiceBus - AWS Lambda, API Gateway, S3
</div>
</li>
</ul>
</div>
<!-- end .content-center -->
</div>
<!-- .end .wrap -->
</section>
<section class="bg-black slide-top">
<span class="background dark" style="background-image:url('static/photos/microsoft_campus.jpg')"></span>
<!--.wrap = container (width: 90%) -->
<div class="wrap aligncenter">
<h1 style="margin-bottom:5rem"><strong>Summer 2020</strong></h1>
</div>
<div class="grid vertical-align">
<div class="column">
<h3 style="margin-bottom:5rem"><img style="height:55px; margin-right:20px; vertical-align:text-bottom" alt="logo" src="static/photos/microsoft.png">Software Developer Intern</h3>
<p>
This past summer I worked as a software engineer in Microsofts Azure Cloud and AI division. Despite being remote due to COVID-19, I was able to enjoy a fulfilling internship
where I worked on expanding the functionality and user experience of an internal notification platform used by 1000+ employees.
</p>
<br />
<p>
I worked in a <strong>.NET</strong> codebase where I expanded the delivery options of the platform to include Microsoft teams, allowing engineers to be notified by a bot. I also
developed commands for the platforms' <strong>PowerShell</strong> client and added debugging features to the client for future developers. In order to increase the accessibilty
and ease of use of the platform, I also created a <strong>React</strong> app that allowed employees to create new events to monitor and new notifications that could be tied to them.
</p>
</div>
<!-- .end .column -->
<div class="column aligncenter">
<img style="margin-left:20px" class="size-80" alt="dcx" src="static/photos/azure.png">
</div>
</div>
<!-- .end .wrap -->
</section>
</section>
<section class="bg-black slide-top">
<span class="background dark" style="background-image:url('static/photos/headquarters.jpg')"></span>
<!--.wrap = container (width: 90%) -->
<div class="wrap aligncenter">
<h1 style="margin-bottom:5rem"><strong>Summer 2019</strong></h1>
</div>
<div class="grid vertical-align">
<div class="column">
<h3 style="margin-bottom:5rem"><img style="height:55px; margin-right:20px; vertical-align:text-bottom" alt="logo" src="static/photos/logo.png">Software Developer Intern</h3>
<p>During the summer of 2019 I interned at Phillips 66, an energy manufacturing company. This was a very exciting time since the company was undergoing a
digital transformation, called "Advantedge 66." I worked on an agile web development team called "Digital Customer Experience" which seeks to reimagine the customer journey
for our business to businesss e-commerce by creating a differentiated and seamless experience.
</p>
<br />
<p>During my time here I learned crucial industry methodologies such as <strong>Agile</strong>,</strong> <strong>Scrum</strong>, and <strong>GitFlow</strong>, refined my skills in web
development with <strong>JavaScript</strong>, <strong>TypeScript</strong>, and <strong>React</strong> and became familiarized with <strong>Azure Devops</strong> and
several <strong>AWS</strong> services. My work primarily consisted of <strong>developing API's</strong> in API Gateway, then integrating them with Lambda functions, and
<strong>developing web pages</strong> in React and connecting them to the backend services I had created.
</p>
</div>
<!-- .end .column -->
<div class="column aligncenter">
<img style="margin-left:20px" class="size-80" alt="dcx" src="static/photos/dcx.png">
</div>
</div>
<!-- .end .wrap -->
</section>
<section class="bg-black slide-top">
<!--.wrap = container (width: 90%) -->
<div class="wrap aligncenter">
<h1><strong>Projects</strong></h1>
<hr>
</div>
<div class="wrap">
<div class="card-10 bg-black">
<figure>
<img alt="nextup" src="static/photos/nextup.png">
<figcaption>
<a href="https://vigneshrajmohan.github.io/" title="Vignesh Rajmohan">
Logo by Vignesh Rajmohan
</a>
</figcaption>
</figure>
<!-- end figure-->
<div class="flex-content">
<h4 style="margin-bottom:10px">NextUp</h4>
<p>NextUp was a website that allowed people to vote on their favorite songs on a Spotify playlist to change the queue, and was developed by my team during the <a href="https://cmu15-112.github.io/Hack112/">Hack112</a> hackathon at Carnegie Mellon.<br>
The website won <strong>3rd place</strong> overall and was developed using a React frontend in tandem with a Flask backend that utilized a Spotify API in Python.<br>
Check out some of the code <a href="https://github.com/diegofinni/NextUp">here!</a></p>
</div>
<!-- end .flex-content-->
</div>
<!-- .end .card50 -->
<br />
<div class="card-10 bg-black">
<div class="flex-content">
<h4 style="margin-bottom:10px">DragonTradeBot</h4>
<p>Created a trading bot that executes a long short equity trading strategy using the AlpacaAPI brokerage. This included
having to create a dynamic stop loss algorithm, and configuring a VM to run the bot during market hours.
</p>
</div>
<figure>
<img alt="nextup" src="static/photos/alpaca.png">
</figure>
<!-- end figure-->
<!-- end .flex-content-->
</div>
<!-- .end .card50 -->
</div>
<!-- .end .wrap -->
</section>
</article>
<!-- end article -->
</main>
<!-- end main -->
<!-- A global footer
<footer role="contentinfo">
<div class="wrap">
<p>An <a href="https://github.com/webslides/webslides">open source solution</a>, by <a href="https://twitter.com/webslides">@webslides</a>.</p>
</div>
</footer> -->
<!-- Required -->
<script src="static/js/webslides.js"></script>
<script>
window.ws = new WebSlides();
</script>
<!-- OPTIONAL - svg-icons.js (fontastic.me - Font Awesome as svg icons) -->
<script defer src="static/js/svg-icons.js"></script>
</body>
</html>