-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
209 lines (204 loc) · 12 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
<!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">
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="icon" href="./images/stick-man.png">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
<meta name="google-site-verification" content="9gwF_r2RwCq_obBCgBY6v0CsyU30KkwNE4E2Vh_SmFQ" />
<script src="./scripts/animations.js"></script>
<title>Chris Wangsanata's Website</title>
</head>
<body>
<a href="./index.html"><img id="intro-image" src="./images/face.png" alt="face"></img></a>
<h1 id="name" data-value="Chris Wangsanata"></h1>
<span id="cursor">|</span>
<div class="section-wrapper" id="about">
<h2>About Me</h2>
<div class="about-wrapper">
<div class="about-content-wrapper">
<p>
tl;dr: Open source contributor, Software enjoyer, Tech enthusiast, Grass toucher. Passionate is an understatement when it comes to tech.
</p>
</div>
</div>
</div>
<div class="section-wrapper" id="technologies">
<h2>Technologies</h2>
<div class="technologies-wrapper">
<ul id="tags">
<li>C++</li>
<li>Python</li>
<li>Java</li>
<li>JavaScript</li>
<li>AWS</li>
<li>HTML</li>
<li>CSS</li>
<li>MatLab</li>
<li>SQL</li>
<li>React</li>
<li>NodeJS</li>
<li>Git</li>
<li>GitHub</li>
<li>GNU+Linux</li>
<li>Windows</li>
<li>MacOS</li>
</ul>
</div>
</div>
<div class="section-wrapper" id="projects">
<h2>Projects</h2>
<div class="project-wrapper">
<a href="https://github.com/cwangsanata/Wall" target="_blank">
<div class="project-list-item">
<h3>Wall</h3>
<p>A simple and versatile web application that empowers users to post content to your Wall. Written in JavaScript, CSS, HTML; Used MongoDB, AWS, NodeJS, Pug Template Engine.</p>
</div>
</a>
<a href="https://github.com/cwangsanata/GraphNode" target="_blank">
<div class="project-list-item">
<h3>GraphNode</h3>
<p>Developed an interactive graph data structure visualizer using C++ in conjunction with the Simple Fast Multimedia Library (SFML).
This project showcased my proficiency in data structure implementation, graphics libraries, object-oriented design, and provided a dynamic tool for visualizing complex relationships within data.</p>
</div>
</a>
<a href="https://github.com/cwangsanata/SamBot" target="_blank">
<div class="project-list-item">
<h3>SamBot</h3>
<p>Designed and implemented SamBot, a user-friendly utility bot created with Python, used to enhance Discord servers.
SamBot empowered server administrators with the capability to seamlessly integrate custom commands, demonstrating my skills in automation, server hosting, and server customization.</p>
</div>
</a>
<a href="https://github.com/cwangsanata/Asteroids" target="_blank">
<div class="project-list-item">
<h3>Asteroids Clone</h3>
<p>Crafted a clone of the timeless classic Asteroids game, enriched with additional features and utilities, using Java. This project underscored my expertise in game development and programming, breathing new life into a cherished retro game.</p>
</div>
</a>
<a href="https://www.asdvc.org/" target="_blank">
<div class="project-list-item">
<h3>ASDVC Website</h3>
<p> Assisted in spearheading the development of a professional website for the Associated Students of Diablo Valley College (ASDVC), employing HTML, CSS, and JavaScript. This project exemplified my commitment to enhancing an organization's online presence while ensuring a seamless user experience.
The website is currently hosted on the Wix platform, providing a user-friendly and visually appealing interface for the ASDVC community.</p>
</div>
</a>
<a href="https://github.com/cwangsanata/12ftExtension" target="_blank">
<div class="project-list-item">
<h3>12FtExtension</h3>
<p>Developed a Chrome extension, 12ftExtension, simplifying access to un-paywalled online articles.
Enabled one-click paywall bypass, saving time and money by eliminating subscription barriers. Written in HTML, CSS,
and JavaScript; uses the Chrome Developer API.</p>
</div>
</a>
</div>
</div>
<div class="section-wrapper" id="experience">
<h2>Experience</h2>
<div class="experience-wrapper">
<div class="experience-list-item">
<div class="experience-list-item-subheader">
<h3>Arbor Tutors</h3>
<h4><i>Tutor</i></h4>
</div>
<ul>
<li><p>Provided personalized instruction in math and science to students, resulting in an average grade improvement of
10% within a semester.</p></li>
<li><p>Developed tailored lesson plans and study strategies to meet the unique learning needs of each student, enhancing
their comprehension and retention of challenging material.</p></li>
<li><p>Utilized engaging teaching methods, such as interactive quizzes and real-world examples, to maintain student
interest and enhance learning outcomes.</p></li>
</ul>
</div>
<div class="experience-list-item">
<div class="experience-list-item-subheader">
<h3>Target Corporation</h3>
<h4><i>Tech Consultant</i></h4>
</div>
<ul>
<li><p>Assisted customers in the electronics department by providing product information, answering questions, and
recommending suitable products based on their needs and preferences.</p></li>
<li><p>Demonstrated a high level of technical expertise by effectively troubleshooting and resolving issues with electronic
devices brought in for repairs and contributed to an 10% increase in customer throughput.</p></li>
<li><p>Developed a strong knowledge of product features, specifications, and compatibility to assist
customers in making informed purchasing decisions.</p></li>
<li><p>Extensively utilized communication skills to explain complex technical concepts in a clear and understandable
manner to customers and team members.</p></li>
</ul>
</div>
<div class="experience-list-item">
<div class="experience-list-item-subheader">
<h3>Associated Students of Diablo Valley College</h3>
<h4><i>Senator - Technology Committee</i></h4>
</div>
<ul>
<li><p>Worked with the Technology Committee to develop and implement a new website for the Associated Students of
Diablo Valley College.</p></li>
<li><p>Collaborated with a team of designers and developers to gather requirements and design a visually appealing and
intuitive interface.</p></li>
<li><p>Designed the main landing page to increase general public access causing an increase in web traffic to the site by
200% in the first year, and to 250% in the second year.</p></li>
<li><p>Developed the website using HTML, CSS, and JavaScript, ensuring cross-browser compatibility and responsive
design.</p></li>
</ul>
</div>
</div>
</div>
<div class="section-wrapper" id="education">
<h2>Education</h2>
<div class="education-wrapper">
<div class="education-subheader">
<h3>University of California - Berkeley</h3>
<h3><em>Aug 2023 - Dec 2024</em></h3>
</div>
<div class="education-content-wrapper">
<p>Computer Science B.A.</p>
<p>Relevant Coursework: CS61A: Structure and Interpretation of Computer Programs (Python), CS61B: Data Structures
and Algorithms (Java), CS61C: Great Ideas of Machine Structures (x86 MASM), CS186: Database Systems (SQL and
noSQL), CS188: Introduction to Artificial Intelligence, CS161: Computer Security
</p>
</div>
</div>
<div class="education-wrapper">
<div class="education-subheader">
<h3>Diablo Valley College</h3>
<h3><em>Aug 2021 - May 2023</em></h3>
</div>
<div class="education-content-wrapper">
<p>Computer Science and Mathematics A.S.</p>
<p>Relevant Coursework: CS61C: Programming in Assembly (x32-86/x64 MASM, C), CS200: Object Oriented Programming with C++ (C++, OOP Design Paradigms), ENGIN77:
Programming with MatLab (MatLab, Octave), CIS40 Database Management (SQL and Microsoft Access)
</p>
</div>
</div>
</div>
<div class="section-wrapper" id="contact">
<h2>Contact Info</h2>
<ul class="contact-wrapper">
<li class="contact-link">
<img src="./images/email.png" target="_blank" alt="email icon"></img>
<a href="mailto: [email protected]">Email</a>
</li>
<li class="contact-link">
<img src="./images/linkedin.png" target="_blank" alt="linkedin icon"></img>
<a href="https://www.linkedin.com/in/cwangsanata/">LinkedIn</a>
</li>
<li class="contact-link">
<img src="./images/github.png" target="_blank" alt="github icon"></img>
<a href="https://github.com/cwangsanata">GitHub</a>
</li>
<li class="contact-link">
<img src="./images/document.png" target="_blank" alt="document icon"></img>
<a href="https://drive.google.com/file/d/12dc8WV0MOPdEclN_EwqIl7lJxsBvV36u/view?usp=drive_link">Resume</a>
</li>
</ul>
</div>
<div id="blob"></div>
<footer>
<p>© 2024 Chris Wangsanata v1.0.3</p>
</footer>
</body>
</html>