-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (148 loc) · 9.89 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="author" content="Howard Kong">
<meta name="description" content="A simple personal website">
<link rel="icon" href="./assets/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="index.css">
<script src="script.js" defer></script>
<title>Howard Kong's Personal Website</title>
</head>
<body>
<div class="header">
<h5 id="name">HOWARD KONG</h5>
<div>
<h5><a href="./assets/Howard Kong - Technical Resume (LaTeX).pdf">RESUME</a></h5>
<h5>
<a href="https://github.com/Souloutz" target="_blank">
GITHUB
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
</svg> -->
</a>
</h5>
</div>
</div>
<main>
<div class="about-container">
<div class="about">
<h2>Who Am I?</h2>
<p>
Hi! My name is <strong>Howard</strong>, and I'm an undergraduate student at <a href="https://rit.edu" target="_blank" class="highlight">RIT</a> studying Software Engineering (BS) & Cybersecurity (MS), and minoring in Mathematics & Chinese. I'm currently seeking a software engineering internship to expand my industry experience and knowledge, and utilize my skills to help make an impact on the world.
<br \>
<br \>
I love designing and building full-stack applications, and learning new technologies. Outside of programming, I enjoy dancing, listening to music, spending time with my girlfriend and friends, learning languages, and playing videogames! I'm always looking for opportunities to develop my knowledge, career, and personal growth. Feel free to reach out!
</p>
</div>
<img id="picture_me" src="./assets/me.jpg" alt="A picture of me!">
</div>
<div>
<hr class="mt-3" id="separator">
</div>
<div class="projects">
<div>
<h3>Projects</h3>
<ul>
<li id="project">NOVA Wiki [In Progress]</li>
<ul>
<li id="tech">Figma | ReactJS | NextJS | Drizzle | TailwindCSS</li>
<li id="date">Nov 2024 - Present</li>
<li>A website for our club, Nova Dance Crew, designed to streamline the club experience by providing performer login/signups, calendar views, performer views, trivia and information, and YouTube integration.</li>
</ul>
<li id="project">Portfolio Site</li>
<ul>
<li id="tech">HTML | CSS | JS</li>
<li id="date">Sept 2023 - Present</li>
<li>Personal portfolio site to share me and my projects!</li>
</ul>
<li id="project">Pokedex-CLI</li>
<ul>
<li id="tech">Go</li>
<li id="date">Dec 2024 - Present</li>
<li>A command line interface tool to simlulate a pokedex, featuring classic commands such as viewing locations and available pokemon, and catching pokemon to complete the pokedex!</li>
</ul>
<!-- <li id="project">Asteroids</li>
<ul>
<li id="tech">Python | Pygame</li>
<li>A recreation of the classic ATARI game Asteroids to learn about games and design.</li>
</ul> -->
<li id="project">Multi-User Dungeon</li>
<ul>
<li id="tech">Java | JavaFX</li>
<li id="date">Sept 2024 - Dec 2024</li>
<li>A spin-off of a traditional dungeon-crawler type game created with 4 team members that features user authentication, premade maps, auto-generated maps, and various player mechanics.</li>
<li>Utilized software design patterns, such as State, Command, Memento, Singleton, Adapter, and Composite, to design and develop the game subsystems.</li>
</ul>
<li id="project">State Metro Project</li>
<ul>
<li id="date">Oct 2024 - Dec 2024</li>
<li>A software process and project management project with 4 team members to incept a potential software project through thorough analysis and creation of artifacts.</li>
<li>Artifacts consisted of requirements, stakeholders, scope, risk mitigation, software methodology analysis, hybrid work-breakdown structure, estimation, communication plans, quality assurance and acceptance testing, and metrics to track.</li>
</ul>
<li id="project">Bowling Alley System</li>
<ul>
<li id="tech">Java | JavaFX</li>
<li id="date">Nov 2024 - Dec 2024</li>
<li>A refactoring project with 3 team members on an out-of-date legacy software program that controls a bowling alley's system and integrates with the mechanical hardware, from the control desk to the scoring stations, offering features such as user authentication, party queues, score reporting, and pin tracking.</li>
<li>Employed thorough documentation, software design patterns, and rigorous testing to ensure functionalities remained the same. </li>
</ul>
<li id="project">School Supplies E-Store</li>
<ul>
<li id="tech">AngularJS | REST APIs | Java | Spring Boot | JSON</li>
<li id="date">Jan 2024 - May 2024</li>
<li>A full-stack e-store charity application for users to purchase school supplies and funds to help provide for students.</li>
<li>Managed project development utilizing RUP phases and Scrum to develop iteratively in sprints and learn software engineering practices.</li>
</ul>
<li id="project">Nightclub Tracker</li>
<ul>
<li id="tech">ReactJS | Reactstrap | Bootstrap | Flask | CORS | Python | PostgreSQl</li>
<li id="date">Jan 2024 - May 2024</li>
<li>A full-stack nightclub tracker application that tracks the capacity of various locations and provides searching functionality.</li>
<li>Utilized Gitlab CI/CD pipeline and Docker for automated testing and deployment.</li>
</ul>
</ul>
</div>
</div>
<div>
<hr class="" id="separator">
</div>
<div class="extra">
<h3>Extra</h3>
<p>The clubs that I am currently part of are:</p>
<div class="clubs-content">
<ul>
<li><a href="https://linktr.ee/novacrew_rit?utm_source=linktree_profile_share<sid=f57e4ea7-a70d-4616-9b30-7ab05d30c03d" target="_blank">Nova Dance Crew</a> (Instructor)</li>
<li>Asian Culture Society (Former Executive Assistant)</li>
<li>Society of Software Engineers</li>
<li>Society of Asian Scientists and Engineers</li>
<li>Google Student Developer Club</li>
</ul>
</div>
<br \>
<p>The languages I can speak:</p>
<div class="languages-content">
<ul>
<li>English (Fluent)</li>
<li>Japanese (Intermediate)</li>
<li>Mandarin (Intermediate)</li>
<li>Cantonese (Intermediate)</li>
<li>Korean (Beginner)</li>
</ul>
</div>
</div>
<hr>
</main>
<hr>
<div class="footer">
<p>
Portfolio created by <strong>Howard Kong</strong>
| Email: <a href="mailto:[email protected]" target="_blank">[email protected]</a>
| Discord: <a href="https://discord.com" target="_blank">souloutz_</a>
| LinkedIn: <a href="https://www.linkedin.com/in/howardkong826" target="_blank">howardkong826</a>
</p>
</div>
</body>
</html>