-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
278 lines (226 loc) · 19.4 KB
/
index.html
File metadata and controls
278 lines (226 loc) · 19.4 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
<!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, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Alfred Lucero's Portfolio">
<meta name="author" content="Alfred Lucero">
<title>Alfred Lucero | alfienitylucero</title>
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/aos.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<div class="row">
<div id="nav" class="col-xs-12 col-md-offset-2 col-md-8">
<h1 id="nav-title" data-aos="zoom-in" data-aos-delay="300" data-aos-once="true">Alfred Lucero</h1>
<h1 id="social-media-links" data-aos="zoom-in" data-aos-delay="300" data-aos-once="true">
<a href="https://www.linkedin.com/in/alfredlucero" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/alfred.liwanaglucero" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="https://twitter.com/alfienitylucero" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://medium.com/@alfredlucero" target="_blank"><i class="fa fa-medium" aria-hidden="true"></i></a>
<a href="https://github.com/alfredlucero" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.instagram.com/alfredlucero" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</h1>
<p id="email" data-aos="zoom-in" data-aos-delay="300" data-aos-once="true">[email protected]</p>
</div> <!-- end nav -->
</div> <!-- end row (nav) -->
<div class="row">
<div id="about" class="col-xs-12 col-md-offset-2 col-md-8">
<h2 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-home" aria-hidden="true"></i> About</h2>
<div id="alfienity" class="content-wrapper">
<h3 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-rocket" aria-hidden="true"></i> alfienity and beyond</h3>
<div id="alfienity-descr" data-aos="zoom-in" data-aos-delay="300" class="col-xs-12 col-md-8 content-wrapper">
<h4><strong><i class="fa fa-superpowers" aria-hidden="true"></i> Alfred Liwanag Lucero</strong></h4>
<p>Recently graduated software engineer and adventurer passionately engaging in and learning about full stack web development, UI, and UX design.</p>
<p>Currently exploring my passions as a frontend software engineer at SendGrid.</p>
<p>I love to build and break web applications to alfienity and beyond.</p>
<p>bruiningMyLife.js</p>
</div> <!-- end alfienity-descr -->
<div id="alfienity-avatar" data-aos="zoom-in" data-aos-delay="300" class="text-center col-xs-12 col-md-4">
<img id="alfienity-img" src="images/alfredlucero.jpg" alt="Alfred Lucero">
</div> <!-- end alfienity-avatar -->
</div> <!-- end alfienity -->
<div id="education" class="content-wrapper col-xs-12">
<h3 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-university" aria-hidden="true"></i> Education</h3>
<div id="education-ucla" data-aos="zoom-in" data-aos-delay="300" class="content-wrapper">
<h4><i class="fa fa-graduation-cap" aria-hidden="true"></i> <strong>University of California, Los Angeles: Los Angeles, CA | 09/13 - 06/17</strong></h4>
<ul>
<li>Bachelor of Science, Computer Science</li>
<li>Honors: GPA: 3.55, Dean's Honor List, Upsilon Pi Epsilon International Honor Society, Alpha Lambda Delta National Honor Society</li>
<li>Leadership: Long Beach Zeta Mu Beta Multicultural Fraternity and Non-profit Organization - Pledge Educator</li>
</ul>
</div> <!-- end education-ucla -->
<div id="education-bosco" data-aos="zoom-in" data-aos-delay="300" class="content-wrapper">
<h4><i class="fa fa-graduation-cap" aria-hidden="true"></i> <strong>St. John Bosco High School | 08/09 - 05/13</strong></h4>
<ul>
<li>Honors: Valedictorian, National Honor Society, California Scholarship Federation</li>
<li>Leadership: Varsity Tennis Captain, Key Club Vice President</li>
</ul>
</div> <!-- end education-bosco -->
</div> <!-- end education -->
<div id="experience" class="content-wrapper col-xs-12">
<h3 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-suitcase" aria-hidden="true"></i> Experience</h3>
<div id="experience-sendgrid" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-laptop" aria-hidden="true"></i> <strong>SendGrid: Orange, CA | 07/17 - Present -<br />Frontend Engineer I</strong></h4>
<ul>
<li>Working as a frontend software engineer under an Agile team in the Orange County office; focusing on redesign and improvements to current SendGrid UI</li>
</ul>
</div>
<div id="experience-sandia" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-laptop" aria-hidden="true"></i> <strong>Sandia National Laboratories: Livermore, CA | 06/16 - 07/16 -<br />Web Developer R&D Year-round Intern</strong></h4>
<ul>
<li>06/16 - 12/16: Developed an intuitive frontend web application, <a href="http://www.sandia.gov/news/publications/labnews/articles/2016/19-08/bitcoin.html" target="_blank">NeoNodeDB</a>, prototype with D3.js trees and sankeys, Linkurious.js graphs, HTML/Jade, CSS, JavaScript, jQuery, Bootstrap, Node.js for the Department of Homeland Security that queries over 400GB of blockchain bitcoin Neo4j data and stores user metadata with MongoDB; team demoed to ICE agents in Washington DC on December 6, 2016 to potentially receive follow-up funding</li>
<li>01/17 - 03/17: Developed dynamically updating bar chart and scatterplot visualizations in d3.js based on streaming data from ZeroMQ bindings; Transitioned to the corporate web development team and projects to continue developing web applications for Sandia as a general technical staff intern</li>
<li>03/17 - 06/17: Gained experience with Agile processes and used Rally to keep track of tasks and user stories; developed printable org charts (trees, indented lists, and rosters view) for Sandia using HTML/CSS and Java/JSP that can be exported to a .png or .pdf file for office purposes</li>
</ul>
</div> <!-- end experience-sandia -->
<div id="experience-daily-bruin" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-laptop" aria-hidden="true"></i> <strong>Daily Bruin Online, University of California, Los Angeles | 01/16 - 06/16 - <br />General Web Development Intern and Online Contributor</strong></h4>
<ul>
<li>Aided in overhauling parts of the legacy HTML/PHP/CSS/JavaScript code base to redesign the <a href="http://dailybruin.com/category/spectrum/" target="_blank">Spectrum Photo</a></strong> section of the Daily Bruin Online website seen by over 30,000 users daily and created tribute flat pages such as the <a href="https://github.com/daily-bruin/bob-2016" target="_blank">Bridget O'Brien project</a></li>
</ul>
</div> <!-- end experience-daily-bruin -->
</div> <!-- end experience -->
</div> <!-- end about -->
</div> <!-- end row (about) -->
<div class="row">
<div id="projects" class="col-xs-12 col-md-offset-2 col-md-8">
<h2 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-code" aria-hidden="true"></i> Projects</h2>
<h3 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-space-shuttle" aria-hidden="true"></i> alfienitylucero</h3>
<div id="alfienity-lucero-culdevate" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-list-alt" aria-hidden="true"></i> Culdevate | React, Redux, Node.js, Express.js, MongoDB/DynamoDB | 7/17 - Present | Development Phase</h4>
<ul>
<li>Entrepreneurial idea - "Cultivate better developers" - with UI/frontend currently being designed by Regine Deguzman</li>
<li>Development repo: <a href="https://github.com/alfredlucero/culdevate" target="_blank">culdevate-dev</a>; collaborating on Slack and Trello</li>
</ul>
</div> <!-- end alfienity-lucero-culdevate -->
<div id="alfienity-lucero-zmb" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-group" aria-hidden="true"></i> ZMB | MongoDB, Express.js, AngularJS, Node.js, D3.js | 11/16 - Present | Development Phase</h4>
<ul>
<li><a href="http://www.zetamubeta.org/#!/" target="_blank">Zeta Mu Beta prototype</a> deployed on Heroku with mLab backend</li>
<li>Mean stack web application to showcase general information about Zeta Mu Beta with family tree visualizations using D3.js</li>
</ul>
</div> <!-- end alfienity-lucero-zmb -->
<div id="alfienity-lucero-pogs" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-calendar" aria-hidden="true"></i> Pogs | MongoDB, Express.js, AngularJS, Node.js | 11/16 - Present | Development Phase</h4>
<ul>
<li><a href="https://pogs.herokuapp.com/#!/notes">Pogs V1</a> deployed on Heroku with mLab backend</li>
<li>Virtual refrigerator of shared sticky notes to schedule and archive the plans of Pedong (Alfred) or Gingin (Regine)</li>
</ul>
</div> <!-- end alfienity-lucero-pogs -->
<div id="alfienity-lucero-portfelo" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-camera-retro" aria-hidden="true"></i> Portfelo | MongoDB, Express.js, AngularJS, Node.js | 10/16 - Present | Concept Phase</h4>
<ul>
<li>Incremental prototype of a custom photo portfolio designed to be social in connecting with your portfelo peers - UI/frontend currently being redesigned by Regine Deguzman before prototype development</li>
<li><a href="http://portfelo.bitballoon.com/" target="_blank">Pre-prototype</a> from when I started to explore the full stack web development cosmos</li>
</ul>
</div> <!-- end alfienity-lucero-portfelo -->
<h3 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-file-code-o" aria-hidden="true"></i> Academia</h3>
<div id="academia-bruinfo" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CSM117: Computer Networks: Physical Layer | S17</h4>
<ul>
<li>Developed an <a href="https://github.com/rjew/bruinfo" target="_blank">Android Bruinfo app</a> to provide an automatically updating feed of Google Search results related to all the locations around the user</li>
<li>Utilized jsoup to parse HTML of Google Search results and update the Bruinfo feed, Google Places API to retrieve locations around user's coordinates, and Google Maps API to display an updating map relating to the user's location</li>
</ul>
</div> <!-- end academia-bruinfo -->
<div id="academia-swe" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS130: Software Engineering | W17</h4>
<ul>
<li><a href="https://github.com/UCLA-CS130/Team05" target="_blank">Boost webserver</a> implemented using C++11, GTest unit testing, GCov test coverage, Bash/Python integration testing, Travis-CI for continuous integration, and Nginx-inspired parsing of config files - modeling the HTTP Restful API; Dockerized and pushed to an AWS instance for demo</li>
<li>Features: multithreading, Lua scripting, HTTPS support for reverse proxy, markdown rendering, requests such as static file serving, echoing, and status reports</li>
</ul>
</div> <!-- end academia-swe -->
<div id="academia-matlab" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS170A: Mathematical Modeling and Methods for Computer Science | F16</h4>
<ul>
<li><a href="https://github.com/alfredlucero/alfienityandbeyond/tree/master/alfienityandbeyond/ucla-coursework/CS170A" target="_blank">Matlab projects</a> using Jupyter Notebooks (IPython) applying linear matrix algebra such as SVD, PCA, Fourier Transform, Ridge Regression/Least Squares, and Chi-Squared Tests i.e. photoshop detector, analyzing music notes, altering RGB values</li>
</ul>
</div> <!-- end academia-matlab -->
<div id="academia-data-mining" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS 145: Introduction to Data Mining | F16</h4>
<ul>
<li><a href="https://github.com/peterkim95/CS145" target="_blank">FPTree and Pairwise Item Lift</a> optimization using Java</li>
<li>Exposed to concepts related to association rule/frequent pattern mining (apriori, DIC, FP Growth), sequential pattern mining (PrefixScan, Approximate Match), unsupervised learning/clustering (K-Means, K-Medoid/PAM, Birch, DBScan, Optics), supervised learning/classification (Decision Tree Induction, Bayesian Classification, SVM, CBA), tree mining (TreeMiner), graph mining (FSG, gSpan, FFSM), Bayesian Networks</li>
</ul>
</div> <!-- end academia-data-mining -->
<div id="academia-verilog" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS M152A: Digital Design Lab | W16</h4>
<ul>
<li>Utilized Verilog to design a <a href="https://github.com/alfredlucero/alfienityandbeyond/tree/master/alfienityandbeyond/ucla-coursework/CSM152A" target="_blank">stopwatch and bop-it</a> game on an FPGA</li>
</ul>
</div> <!-- end academia-verilog -->
<div id="academia-graphics" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS174A: Introduction to Computer Graphics | S15</h4>
<ul>
<li>Collaborated with team members to create a <a href="https://github.com/alfredlucero/alfienityandbeyond/tree/master/alfienityandbeyond/ucla-coursework/CS174A/bowlingteam03" target="_blank">bowling arcade</a> game in the browser with keyboard controls and different modes using WebGL, JavaScript, HTML, CSS</li>
</ul>
</div> <!-- end academia-graphics -->
<div id="academia-os" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS111: Operating Systems Principles | W15</h4>
<ul>
<li>Developed a <a href="https://github.com/alfredlucero/alfienityandbeyond/tree/master/alfienityandbeyond/ucla-coursework/CS111/lab1-alfred" target="_blank">profiling shell</a> with C to run bash commands by tokenizing, parsing, and executing user input</li>
</ul>
</div> <!-- end academia-os -->
<div id="academia-database" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS 143: Database Systems | F15</h4>
<ul>
<li><a href="https://github.com/alfredlucero/alfienityandbeyond/tree/master/alfienityandbeyond/ucla-coursework/CS143/Project1C/604251044" target="_blank">Movie database website</a> using PHP, MySQL, HTML, CSS; database running on Linux Apache server in virtual machine, Selenium tests</li>
<li>Implemented <a href="https://github.com/alfredlucero/alfienityandbeyond/tree/master/alfienityandbeyond/ucla-coursework/CS143/Project2A/604251044" target="_blank">B+ tree</a> in C++ and covered RDBMS/SQL</li>
</ul>
</div> <!-- end academia-database -->
<div id="academia-network" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS 118: Computer Network Fundamentals | F15</h4>
<ul>
<li>Modeled <a href="https://github.com/alfredlucero/alfienityandbeyond/tree/master/alfienityandbeyond/ucla-coursework/CS118/project2_604251044" target="_blank">TCP and UDP file transfer</a> using socket programming, learned about HTTP and rest of the network layers</li>
</ul>
</div> <!-- end academia-network -->
<div id="academia-intro" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-pencil" aria-hidden="true"></i> CS 32: Introduction to Computer Science II | W14</h4>
<ul>
<li>Developed <a href="https://github.com/alfredlucero/alfienityandbeyond/tree/master/alfienityandbeyond/ucla-coursework/CS32" target="_blank">Bug Blast</a> arcade game using C++ and using STL data structures such as a queue with breadth-first search to have simple AI following the player as one attempts to beat each level</li>
<li>Dived into object-oriented principles and exposed to data structures such as linked lists, maps, sets, hashtables, dynamic arrays, stacks, queues, etc.</li>
</ul>
</div> <!-- end academia-intro -->
</div> <!-- end projects -->
</div> <!-- end row (projects) -->
<div class="row">
<div id="interests" class="col-xs-12 col-md-offset-2 col-md-8">
<h2 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-user-o" aria-hidden="true"></i> Interests</h2>
<h3 data-aos="zoom-in" data-aos-delay="300"><i class="fa fa-thumbs-up" aria-hidden="true"></i> Hobbies</h3>
<div id="hobbies-leisure" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-sun-o" aria-hidden="true"></i> Leisure</h4>
<ul>
<li>Music: Self-taught to play acoustic guitar since 8th grade</li>
<li>Avid Gamer: Anime, Online Gaming (Xbox Live - Halo, LoL eSports, CSGO, MMORPGs)</li>
<li>Sports: Basketball - Lakers, Tennis - Rafael Nadal</li>
<li>Recently Traveled Countries: Caribbean Islands, Puerto Rico, Mexico, Canada, UK, France, Netherlands, Greece, Spain, Sweden, Italy </li>
</ul>
</div> <!-- end hobbies-leisure -->
<div id="hobbies-self-study" class="content-wrapper" data-aos="zoom-in" data-aos-delay="300">
<h4><i class="fa fa-bookmark-o" aria-hidden="true"></i> Self-Study</h4>
<ul>
<li>Podcasts: Syntax.,ShopTalk, Software Engineer Daily, Software Engineering Radio, Programming Throwdown, Developer Tea, Freakonomics, Radiolab</li>
<li>Reading List: JavaScript: The Good Parts by Douglas Crockford, HTML & CSS: Design and Build Web Sites by Jon Duckett, JavaScript and jQuery: Interactive Front-end Web Development by Jon Duckett, Eloquent JavaScript by Marijn Haverbeke, You Don't Know JS Series by Kyle Simpson (Up & Going, this & Object Prototypes, Types & Grammar, Async & Performance, ES6 & Beyond), Agile Project Management for Dummies by Mark C. Layton, Programming JavaScript Applications by Eric Elliott, Learning JavaScript Design Patterns by Addy Osmani</li>
</ul>
</div> <!-- end hobbies-self-study -->
</div> <!-- end interests -->
</div> <!-- end row (interests) -->
</div> <!-- end container-fluid -->
<script src="js/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
AOS.init({
duration: 750
});
</script>
</body>
</html>