-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
323 lines (294 loc) · 18.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dylan J. Vidal - Aspiring Software Engineer</title>
<link href="https://fonts.googleapis.com/css?family=Caveat|Montserrat:400,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<script defer src="app.js"></script>
</head>
<body>
<main>
<!-- *********************** ABOUT / PROFILE *********************** -->
<header>
<div class="navigation-bar">
<a href="#" class="logo">My Portfolio</a>
<nav>
<a href="#about-me">About Me</a>
<a href="#projects">Projects</a>
<a href="#hackathons">Hackathons</a>
<a href="#experience">Experience</a>
<a href="#skills">Skills</a>
<a href="#education">Education</a>
<a href="#contact">Contact</a>
</nav>
</div>
<section id="about-me" class="item-details main-section">
<div class="content-wrap hidden profile">
<h1>Dylan J. Vidal</h1>
<h2>Aspiring Software Engineer and Computer Science Student</h2>
<img src="images/self-portrait.jpg" alt="self-portrait" id="self-portrait">
<p>Recently graduated from a program that allows me to attain an Associate Degree at 18 with full-time dual-enrollment, I have found a unique passion for software engineering, machine learning, and higher level mathematics. In the past few semesters, I have taken on rigorous programming courses and found both talent and joy in the subject. Hoping to become a back-end developer or machine learning engineer, I continue to strive for academic excellence and career readiness in the field.</p>
<p>I am a current Class of 2027 Freshman at the University of Central Florida, and I am involved in a variety of organizations that help me achieve my mission, including the Competitive Programming Team and KnightHacks Software Development Club. I also plan on participating in a handful of Hackathons in the upcoming months, which I am excited to utilize for professional and personal development.</p>
</div>
<div class = "spacer layer1"></div>
</section>
</header>
<!-- ******************** PROJECTS / PORTFOLIO ********************* -->
<section id="projects" class="projects item-details main-section">
<div class="content-wrap divider">
<h2>Featured Projects</h2>
<p>View selected projects below. More information can be found on my <a href="https://github.com/DVidal1205/Projects">Github</a>.</p>
<!-- Project WildSpace -->
<section class="project-item hidden">
<img src="images/wildspace.jpg" alt="game thumbnail">
<h3>Project WildSpace (Python, Qt Creator, LangChain)</h3>
<p>A Dungeons and Dragons inspired Generative AI tool built to assist with worldbuilding. Built using Pyside6, Qt Creator, and LangChain, this GPT-3.5 powered application reaches into the Wildspace between realms and delivers an entirely unique entity to enrich your fantasy world. Developed for the KnightHacks 2023 Hackathon held by the University of Central Florida, and is publicly hosted for use by the D&D community.</p>
<a class="btn" href="https://www.projectwildspace.tech" target="_blank">Visit Project WildSpace</a>
</section>
<!-- Discord Bot -->
<section class="project-item hidden">
<img src="images/discord-bot.png" alt="game thumbnail">
<h3>UCF Campus Activities Discord Bot (Python, Nextcord, Selenium)</h3>
<p>Created a Discord Bot using Python that executes a daily web-scraping process of the Campus
Event Board website using Selenium and embeds the events in a designated channel.
Deployed to an official campus discord server with 1000+ members interacting with the bot and
hosted on a Raspberry Pi to ensure 24-hour uptime.
</p>
<a class="btn" href="https://github.com/DVidal1205/UCF27-Bot" target="_blank">Github Repository</a>
</section>
<!-- Wordle -->
<section class="project-item hidden">
<img src="images/wordle-screen.jpg" alt="game thumbnail">
<h3>Wordle - The New York Times (C++, Qt Creator)</h3>
<p>Recreated the Wordle game from The New York Times, coded in C++ using a Qt Graphical User Interface. The game logic utilizes complex methods such as object-oriented programming practices, UML diagram construction, two-dimensional arrays, random file access methods, and dynamic memory allocation.</p>
<a class="btn" href="https://github.com/DVidal1205/Projects/tree/main/WordleQt" target="_blank">Github Repository</a>
</section>
<!-- Dungeons and Dragons NPC Generator -->
<section class="project-item hidden">
<img src="images/DNDTTKSS.jpg" alt="software thumbnail">
<h3>Dungeons and Dragons NPC Generator (Python, Tkinter)</h3>
<p>Developed an innovative Dungeons and Dragons character generation application utilizing a
predefined set of attributes, streamlining in-game character creation process and enhancing player
immersion. Made for the Shellhacks 2023 Hackathon held by Florida International University.</p>
<a class="btn" href="https://github.com/DVidal1205/DNDTTK" target="_blank">Github Repository</a>
</section>
<!-- TicTacToe AI -->
<section class="project-item hidden">
<img src="images/tictactoe-ai.JPG" alt="game thumbnail">
<h3>TicTacToe AI (Python)</h3>
<p>Developed a simple replica of the game TicTacToe, and integrated it with a minimax artificial intelligence algorithm. Utilizes object-oriented programming practices, as well as function recursion and two-dimensional array management. Written fully in Python.</p>
<a class="btn" href="https://github.com/DVidal1205/Projects/tree/main/TicTacToe%20AI" target="_blank">Github Repository</a>
</section>
<!-- CactPot -->
<section class="project-item hidden">
<img src="images/cactpot-party.jpg" alt="game thumbnail">
<h3>CactPot - Final Fantasy XIV (C++)</h3>
<p>Developed a low-tier replica of the CactPot gambling mini-game from the game Final Fantasy XIV. This was my final project for my intro to C++ class, and utilizes beginner methods such as two-dimensional arrays, switch and if-else structues, random number engines, and function composition methods.</p>
<a class="btn" href="https://github.com/DVidal1205/Projects/tree/main/Cactpot" target="_blank">Github Repository</a>
</section>
</div>
<div class = "spacer layer2"></div>
</section>
<!-- *********************** HACKATHONS *********************** -->
<section id="hackathons" class="hackathons item-details main-section">
<div class="content-wrap divider">
<h2>Hackathons</h2>
<p>During my time at University of Central Florida, I have made it a goal of mine to participate in extra-curriculars that will help me grow as a developer, and as such, I thought showcasing my Hackathon experience would be worth while. I plan to attend many more in the future, but for now, check out my current Hackathon experiences below. Be sure to visit my Projects section to learn more!</p>
<!-- Hackathon 1 -->
<section class="hackathon-item hidden">
<h3>KnightHacks 2023 - University of Central Florida</h3>
<p>October 6, 2023 - October 8, 2023</p>
<p>I had the wonderful opportunity to be a hacker at UCF's very own hackathon, KnightHacks! During the hacking duration, my team and I built an application known as Project Wildspace, which is a Generative AI tool tasked with assisting in worldbuilding. Although initially intended specifically for Dungeons & Dragons, while testing this tool, we have found it can help throughout multiple facets of fantasy content creation. This hackathon was an amazing learning experience, and demoing the project with my team and delivering our passion was an unforgettable experience. Go Knights!</p>
</section>
<!-- Hackathon 2 -->
<section class="hackathon-item hidden">
<h3>ShellHacks 2023 - Florida International University</h3>
<p>September 15, 2023 - September 17, 2023</p>
<p>As a participating hacker at ShellHacks 2023 hosted by the Init FIU Chapter, I was able to experience my first taste of the software engineering culture and community. Over a span of 36 hours, my team and I experimented with various technologies and networked with sponsors from large industries in need of new technological talent. It was a lot of fun!</p>
</section>
<!-- Hackathon Template
<section class="hackathon-item hidden">
<h3>Hackathon Name 2</h3>
<p>Date: August 15, 2023</p>
<p>Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus erat a convallis ultrices. Curabitur cursus.</p>
</section>
-->
</div>
<div class = "spacer layer3"></div>
</section>
<!-- *********************** WORK EXPERIENCE *********************** -->
<section id="experience" class="work-experience item-details main-section">
<div class="content-wrap divider">
<h2>Experience</h2>
<p>See my complete experience history on <a href="https://www.linkedin.com/in/dylanvidal1204/">LinkedIn</a>.</p>
<!-- Job 1 -->
<section class="job-item hidden">
<div class="job-details">
<h3>Senior Volunteer</h3>
<p>Broward Health Medical Center</p>
<p>June 2021 - August 2022</p>
</div>
<div class="job-summary">
<p>Working alongside another Lead Volunteer, I worked on many large-scale projects within the hospital in numerous departments: IT, Dietary Services, and Guest Relations. I also assisted in volunteer outreach and orchestrating large orientation sessions for incoming groups of volunteers.</p>
<p>Key contributions:</p>
<ul>
<li>Overhauled the hospital-wide phone systems in a full-scale hardware update as instructed by the I.T. department, including distribution and installation of over 250 network phones.
<ul>
<li>Transported new phones to 15 hospital floors and administrative offices within the hospital.</li>
<li>Installed the new phones onto the hospital's network.</li>
<li>Responded to on-call issues after mass instillation was finished.</li>
<li>Maintained the hospital's phone network for my time volunteering.</li>
</ul>
</li>
<li>Provided training for over 20 new student volunteers at orientation and heightened their involvement and efficiency as volunteers</li>
<li>Distributed food to patients across the hospital from Dietary Services.</li>
<li>Guided visitors while working in the Guest Relations department.</li>
</ul>
</div>
</section>
<!-- Job 2 -->
<section class="job-item hidden">
<div class="job-details">
<h3>Volunteer Autism Advocate</h3>
<p>Luv Michael</p>
<p>October 2021 - December 2021</p>
</div>
<div class="job-summary">
<p>I raised funds for the Luv Michael Granola Company in order to open more jobs for autistic people. While fundraising, I also spread awareness about certain misconceptions about Autism and advocated for job availability and mental health for autistic people.</p>
</div>
</section>
</div>
<div class = "spacer layer4"></div>
</section>
<!-- *********************** RELEVANT SKILLS / COURSEWORK *********************** -->
<section id="skills" class="relevant-skills item-details main-section">
<div class="content-wrap divider">
<h2>Relevant Skills / Coursework</h2>
<!-- Skillset 1 -->
<section class="skill-item hidden">
<div class="skill-details">
<h3>Course Work</h3>
<p>Broward College</p>
<p>August 2021 - June 2023</p>
</div>
<div class="skill-summary">
<p>While studying at Broward College, I took the following courses that furthered my knowledge of computer science and mathematics.</p>
<ul>
<li>Calculus / Analytical Geometry III Honors - MAC2313H - 4 Credits - IP</li>
<li>Introduction to Programming with C Honors - COP3223H - 3 Credits - IP</li>
<li>Intermediate C++ Programming - COP2335C - 3 Credits - A</li>
<li>Calculus / Analytical Geometry II - MAC2312 - 5 Credits - A</li>
<li>Calculus / Analytical Geometry I - MAC2311 - 5 Credits - A</li>
<li>Intro to C++ Programming - COP1334C - 3 Credits - A</li>
<li>Intro to Computer Programming with Python - COP1000C - 3 Credits - A</li>
</ul>
</div>
</section>
<!-- Skillset 2 -->
<section class="skill-item hidden">
<div class="skill-details">
<h3>Certifications</h3>
<p>LinkedIn Learning</p>
</div>
<div class="skill-summary">
<ul>
<li>Python GUI Development with Tkinter, Barron Stone - 7/23/2023</li>
<li>JavaScript Essential Training, Morten Rand-Hendriksen - 7/16/2023</li>
<li>Using Python with Excel, Anthony Sagely and Madecraft - 5/20/2023</li>
<li>Python Data Structures: Stacks, Deques, and Queues, Dhhyey Desai - 5/17/2023</li>
<li>Using Python for Automation, Sam Pettus and Madecraft - 5/15/2023</li>
<li>Advanced Python, Joe Marini - 5/14/2023</li>
<li>CSS Essential Training, Christina Truong - 5/7/2023</li>
<li>HTML Essential Training, Jen Simmons - 12/1/2022</li>
<li>Git Essential Training: The Basics, Kevin Skoglund - 9/20/2022</li>
<li>Learning Git and GitHub, Ray Villalobos - 9/20/2022</li>
</ul>
</div>
</section>
<!-- Skillset 3 -->
<section class="skill-item hidden">
<div class="skill-details">
<h3>Programming Languages</h3>
</div>
<div class="skill-summary">
<ul>
<li>Python</li>
<li>C++</li>
<li>C</li>
<li>Bash</li>
<li>JavaScript</li>
<li>CSS</li>
<li>HTML</li>
</ul>
</div>
</section>
<!-- Skillset 4-->
<section class="skill-item hidden">
<div class="skill-details">
<h3>Libraries and Tools</h3>
</div>
<div class="skill-summary">
<ul>
<li>Qt Creator</li>
<li>Pyside6</li>
<li>LangChain</li>
<li>Selenium</li>
<li>Nextcord</li>
<li>Inno Installer</li>
<li>Tkinter</li>
<li>Pygame</li>
<li>openpyxl</li>
<li>pandas</li>
<li>Github</li>
<li>VSCode</li>
</ul>
</div>
</section>
</div>
<div class = "spacer layer5"></div>
</section>
<!-- ****************** EDUCATION & CERTIFICATIONS ****************** -->
<section id="education" class="education item-details main-section">
<div class="content-wrap">
<h2>Education</h2>
<p>For more details on clubs, activities, or accolades, visit my <a href="https://www.linkedin.com/in/dylanvidal1204/">LinkedIn</a>.</p>
<section class="hidden">
<h3>University of Central Florida - Orlando, FL</h3>
<p>August 2023 - May 2027</p>
<p>Bachelor's Degree - Computer Science</p>
<p>At UCF, I am pursuing a Bachelor's Degree in Computer Science. I am a proud Honors Scholar of the Burnett Honors College, and strive for academic excellence in everything I do. I am heavily involved with the university's Competitive Programming Team, frequently attending lectures, practices, and mock contests. I am also a proud member of the KnightHacks software development club, which hosted our schools success story of a hackathon. </p>
</section>
<section class="hidden">
<h3>Broward College - Davie, FL</h3>
<p>August 2021 - May 2023</p>
<p>Associate in Arts Degree - Computer Science</p>
<p>Full-time dual enrollment focused on computer science and mathematics.</p>
</section>
<section class="hidden">
<h3>College Academy at Broward College - Davie, FL</h3>
<p>August 2021 - May 2023</p>
<p>High School Diploma - Computer Science</p>
<p>At CA@BC, I started college 2 years early while simultaneously continuing my high-school education.</p>
</section>
</div>
</section>
<!-- ***************** CONTACT INFO / SOCIAL MEDIA ***************** -->
<footer>
<div class = "spacer layer6"></div>
<section id="contact" class="content-wrap main-section">
<h2>Let's Keep in Touch!</h2>
<!-- Social media and contact links -->
<ul class="contact-list">
<li><a href="resources/Dylan J Vidal Technical Resume - November 1.pdf" download="">Resume</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="https://dvidal1205.github.io/" target="_blank">Portfolio</a></li>
<li><a href="https://www.linkedin.com/in/dylanvidal1204/" target="_blank">LinkedIn</a></li>
<li><a href="https://github.com/DVidal1205/Projects" target="_blank">Github</a></li>
</ul>
</section>
</footer>
</main>
</body>
</html>