-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
424 lines (364 loc) · 24 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>David Lopez</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.ico" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Personal - v4.9.1
* Template URL: https://bootstrapmade.com/personal-free-resume-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<h1><a href="index.html">David Lopez</a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="mr-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a> -->
<h2>I'm a passionate <span>Software Developer</span> from San Diego</h2>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link active" href="#header">Home</a></li>
<li><a class="nav-link" href="#about">About</a></li>
<li><a class="nav-link" href="#resume">Resume</a></li>
<li><a class="nav-link" href="#portfolio">Portfolio</a></li>
<li><a class="nav-link" href="#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
<div class="social-links">
<a href="https://www.linkedin.com/in/david-lopez-b089036/" class="linkedin" target="_blank" aria-label="linkedin"><i class="bi bi-linkedin"></i></a>
<a href="https://github.com/dlopez0882" class="github" target="_blank" aria-label="github"><i class="bi bi-github"></i></a>
</div>
</div>
</header><!-- End Header -->
<!-- ======= About Section ======= -->
<section id="about" class="about">
<!-- ======= About Me ======= -->
<div class="about-me container">
<div class="section-title">
<h2>About</h2>
<p>Learn more about me</p>
</div>
<div class="row">
<!-- uncomment below if a left-skewed self-portrait is wanted later
<div class="col-lg-4" data-aos="fade-right">
<img src="assets/img/me.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
-->
<div class="content">
<h3>Software Developer</h3>
<p>I have over 10+ years of experience in the Software Development space, with roles in both Quality Assurance and Web Development. While QA is definitely an important aspect of the SDLC, and I have learned many things through my years as QA Engineer, my interest has always been within the Development component of the life cycle.</p>
<p>My software career started with Business Objects (an SAP company), performing QA for a desktop application aimed at building usable business dashboards.</p>
<p>But, my Web Development career had not taken off until I joined Zovio (formerly Bridgepoint Education). This is where I was exposed to the web dev world by working with Web Developers doing QA on a number of Marketing-based websites. While doing testing, I always had a curiosity on how things had worked under the hood. Eventually, my curiosity and willingness to learn presented me with the opportunity of being a Software Developer and doing dev work on the sites that I had previously tested.</p>
<p>As a Software Developer with Zovio, I worked on a variety of web applications. These included Marketing-based websites designed to attract organic leads, a lead management application, and I also had the opportunity to take the lead on our university online application portal.</p>
<p>After my time with Zovio, I was given the opportunity at ServiceNow, where I was part of a QA team that was responsible for testing newly revamped user interfaces of the ServiceNow platform.</p>
<p>In my most recent and current role as Web Developer at Kauffman and Associates, Inc., I was presented with an opportunity to develop a modernized version of the company's "work order system". Starting from the ground up, the goal was to migrate away from a legacy application which had an outdated UI. In turn, this has helped internal employees seamlessly manage their day-to-day duties with a more modern, user-friendly interface. Since the goal was to modernize the application, the front-end stack of choice was Vue.js/Nuxt.js using Vuetify.</p>
<p>I currently spend my free time keeping my development skills sharp by working on personal web projects geared towards my own personal hobbies and interests. But outside of the software world, I enjoy watching live sports, including <a href="https://www.nba.com/" target="_blank">NBA</a>, <a href="https://www.mlb.com/" target="_blank">MLB</a>, and <a href="https://www.formula1.com/" target="_blank">Formula 1</a>. I also enjoy the outdoors, spending time with my wife and our dog, and working on my cars.</p>
<p>Please see my <a href="#resume" class="scroll-to-hash-link">work experience</a> to learn more about me.</p>
</div>
</div>
</div><!-- End About Me -->
<!-- ======= Testimonials ======= -->
<div class="testimonials container">
<div class="section-title">
<h2>Testimonials</h2>
</div>
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<p class="collapse" id="testimonial-quote1">
When starting at Bridgepoint Education, I had the opportunity to work with David from the beginning. To sum up - he learns fast. Selfishly, I think what's made him so reliable for me is his level of detail on thinking of all edge cases, regardless of how obvious or obscure they may seem. Coming from a QA Analyst background definitely helped in his foundation as a developer.<br/><br/>
In our time working together, he's illustrated patience when troubleshooting a problem and his front-end development skills have taken shape. BPIE put him into a position where he is very much a "plug-and-play" kind of candidate. He adapts very quickly, which is what I miss most about having him on my team.
</p>
<a class="collapsed" data-bs-toggle="collapse" href="#testimonial-quote1" role="button" aria-expanded="false" aria-controls="testimonial-quote1" aria-label="show more"></a>
<h3>Mark Reyes</h3>
<h4>Senior Web Developer to David working on the same team</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p class="collapse" id="testimonial-quote2">
I would like to take the opportunity to offer a formal recommendation for David Lopez. In my role as a software developer for Bridgepoint Inc, I have had the pleasure of working closely with David for the past year on major efforts for several different applications.<br/><br/>
When testing my software changes, David's meticulous attention to details and awareness of application boundaries has certainly increased the quality of the software that is being pushed out. There have been countless times where I've missed a particular condition only to have David humbly tell me what was missing.<br/><br/>
He actively engages himself in the software development process by ensuring that he fully understands the environment and test conditions for what he is testing. He also makes himself available to answer any questions which he does so promptly and effectively.<br/><br/>
David is often praised by his superiors as being an effective team player. He has quickly become the resource of choice when developing any major change.<br/><br/>
I am convinced that David would be an excellent addition to your team and would personally welcome a phone call or email to further discuss his qualifications. Thank you.
</p>
<a class="collapsed" data-bs-toggle="collapse" href="#testimonial-quote2" role="button" aria-expanded="false" aria-controls="testimonial-quote2" aria-label="show more"></a>
<h3>Phil Nguyen</h3>
<h4>Worked with David in the same group</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p class="collapse" id="testimonial-quote3">
David Lopez is my colleague at Bridgepoint education since 2011. During that time he proved to be incredibly helpful and knowledgeable. Working on numerous software projects and enhancements together, he has shown strategic thinking and problem solving abilities. His knowledge of advanced QA methodologies and programming practices was a great asset to the team. With his great determination, attention to detail and goal-oriented attitude, he excelled as a Quality Assurance Engineer.<br/><br/>
One key project I can recall working with him on with was on an aggressive marketing initiative to roll out a re-design of the company’s primary website. In a short time frame he was able to identify and help debug numerous software issues. His attention to detail in testing not only positive workflow scenarios but numerous boundary and negative test cases assured the system was of good quality. His ability to quickly learn was also shown when tasked with load testing a system with little prior knowledge of MS Load Test. With only a couple short demos with him, he quickly picked up the tool and scripted a robust load test script.<br/><br/>
I would highly recommend David and his work to any company interested in pursuing his services.
</p>
<a class="collapsed" data-bs-toggle="collapse" href="#testimonial-quote3" role="button" aria-expanded="false" aria-controls="testimonial-quote3" aria-label="show more"></a>
<h3>Christopher Hinckley</h3>
<h4>Worked with David in the same group</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p class="collapse" id="testimonial-quote4">
David is an excellent QA tester with a lot of creativity and a strong drive to get the job done. He displayed leadership abilities as both a test lead and a teacher to all new Business Objects testers.<br/><br/>
He also provided excellent test cases and other written documentation as well as assisted others in reviewing theirs to ensure that all aspects of the Xcelsuis project were covered for testing.
</p>
<a class="collapsed" data-bs-toggle="collapse" href="#testimonial-quote4" role="button" aria-expanded="false" aria-controls="testimonial-quote4" aria-label="show more"></a>
<h3>Olivia Moore</h3>
<h4>Worked with David in the same group</h4>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
<div class="owl-carousel testimonials-carousel">
</div>
</div><!-- End Testimonials -->
</section><!-- End About Section -->
<!-- ======= Resume Section ======= -->
<section id="resume" class="resume">
<div class="container">
<div class="section-title">
<h2>Resume</h2>
<p>Check My Resume</p>
</div>
<div class="row">
<div class="col-lg-6">
<h3 class="resume-title">Summary</h3>
<div class="resume-item pb-0">
<h4>David Lopez</h4>
<p><em>A results-driven developer with 10+ years of experience in both Web Development and
testing. Proven experience working with Agile scrum teams to deliver high-quality
solutions for business partners and clientele.</em></p>
</div>
<h3 class="resume-title">Professional Experience</h3>
<div class="resume-item">
<h4>Web Developer</h4>
<h5>March 2023 - Present</h5>
<p><em>Kauffman and Associates, Inc., Spokane, WA (Remote)</em></p>
<p>
<ul>
<li>Developed the user interface of a new-and-improved work order system using Vue.js/Nuxt.js, and Vuetify; integrated with a PHP backend REST API service</li>
<li>Build, update, and maintain websites using WordPress CMS</li>
<li>Develop and coordinate HTML emails for multiple communication channels via Intuit Mailchimp</li>
</ul>
</p>
</div>
<div class="resume-item">
<h4>Software Engineer - Quality Engineering</h4>
<h5>April 2019 - July 2022</h5>
<p><em>ServiceNow, San Diego, CA </em></p>
<p>
<ul>
<li>Developed and executed functional tests for revamped UI components of the ServiceNow platform</li>
<li>Collaborated with Development to ensure functional tests provided sufficient coverage</li>
<li>Partnered with Development to execute functional tests to reduce the number of regressions introduced from deployed code</li>
<li>Verified data accuracy by working with GraphQL queries using "GraphiQL" validation tool</li>
<li>Wrote HTML and JavaScript code to generate test case-specific scenarios and shared with other QAs to improve the team’s testing efficiency</li>
<li>Converted manual test cases into automated Selenium tests</li>
<li>Updated existing automated tests for fixes and enhancements</li>
<li>Worked with Development to triage nightly automated test failures</li>
</ul>
</p>
</div>
</div>
<div class="col-lg-6">
<div class="resume-item">
<h4>Software Developer</h4>
<h5>April 2013 - April 2019</h5>
<p><em>Zovio (formerly Bridgepoint Education), San Diego, CA</em></p>
<p>
<ul>
<li>Key developer for a lead management application (made with Codeigniter) that saved the company ~$2.5M/year from using a 3rd party solution</li>
<li>Integrated Codeigniter application with internal WCF services</li>
<li>Primary developer for maintaining and enhancing the student online application (OAP) system developed in PHP</li>
<li>Revamped student OAP by applying new styles to match current branding, and optimized UI for mobile experience</li>
<li>Developed and maintained a variety of landing pages focused on delivering content and intaking information from interested prospective students</li>
<li>Implemented security patches to legacy PHP applications with recommendations provided by SecOps team</li>
</ul>
</p>
</div>
<div class="resume-item">
<h4>Quality Assurance Analyst</h4>
<h5>April 2011 - April 2013</h5>
<p><em>Zovio (formerly Bridgepoint Education), San Diego, CA</em></p>
<p>
<ul>
<li>Performed QA for Marketing websites, lead generation systems, PHP automation services, and internal Intranet</li>
<li>Collaborated with Web Developers and Business Analysts to develop test cases</li>
<li>Created smoke test suites that could be executed by either QA or Dev once changes were deployed</li>
<li>Paired with Web Developers to test code changes and provide feedback in real time, reducing the number of retest cycles</li>
<li>Worked with developers to understand impacts of changes to mitigate possible regressions</li>
</ul>
</p>
</div>
<h3 class="resume-title">Skills</h3>
<div class="resume-item">
<h5>Technologies</h5>
<p>PHP | MySQL | MS SQL Server | REST API | HTML | CSS | JavaScript, WordPress, Mailchimp</p>
</div>
<div class="resume-item">
<h5>Frameworks / Libraries</h5>
<p>CodeIgniter | Laravel | Vue.js | Nuxt.js | jQuery | Bootstrap | Vuetify</p>
</div>
<div class="resume-item">
<h5>Version Control</h5>
<p>GitHub | Subversion</p>
</div>
<div class="resume-item">
<h5>Project Methodologies</h5>
<p>Agile</p>
</div>
<div class="resume-item">
<h5>Project Management Tools</h5>
<p>JIRA | TFS | Azure DevOps</p>
</div>
<h3 class="resume-title">Education</h3>
<div class="resume-item">
<h4>B.S., Business Administration - Information & Decision Systems</h4>
<p><em>San Diego State University, San Diego, CA</em></p>
</div>
</div>
</div>
</div>
</section><!-- End Resume Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="section-title">
<h2>Portfolio</h2>
<p>My Works</p>
</div>
<!-- <div class="row">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">App</li>
<li data-filter=".filter-card">Card</li>
<li data-filter=".filter-web">Web</li>
</ul>
</div>
</div> -->
<div class="row portfolio-container">
<div class="col-lg-4 col-md-6 portfolio-item">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/mechanic.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Automobile Maintenance Log</h4>
<div class="portfolio-links">
<a href="https://github.com/dlopez0882/autoMaintLog" title="View it on Github" target="_blank"><i class="bx bxl-github"></i></a>
<a href="automaintlog-details.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Project Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/basketball.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>NBA App</h4>
<div class="portfolio-links">
<a href="https://github.com/dlopez0882/nbaapp" title="View it on Github" target="_blank"><i class="bx bxl-github"></i></a>
<a href="nbaapp-details.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Project Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<h2>Contact</h2>
<p>Contact Me</p>
</div>
<div class="row mt-2">
<div class="col-md-6 d-flex align-items-stretch">
<div class="info-box">
<i class="bx bx-envelope"></i>
<h3>Email Me</h3>
<p><a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
</div>
</div>
<div class="col-md-6 mt-4 mt-md-0 d-flex align-items-stretch">
<div class="info-box">
<i class="bx bx-share-alt"></i>
<h3>Social Profiles</h3>
<div class="social-links">
<a href="https://www.linkedin.com/in/david-lopez-b089036/" class="linkedin" target="_blank" aria-label="linkedin"><i class="bi bi-linkedin"></i></a>
<a href="https://github.com/dlopez0882" class="github" target="_blank" aria-label="github"><i class="bi bi-github"></i></a>
</div>
</div>
</div>
</div>
<!-- *** uncomment and modify if needed later *** -->
<!-- <form action="forms/contact.php" method="post" role="form" class="php-email-form mt-4">
<div class="row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
</div>
<div class="col-md-6 form-group mt-3 mt-md-0">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
</div>
</div>
<div class="form-group mt-3">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
</div>
<div class="form-group mt-3">
<textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form> -->
</div>
</section><!-- End Contact Section -->
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/personal-free-resume-bootstrap-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>