-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
269 lines (255 loc) · 13.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bonita Choi</title>
<!-- links and scripts -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lobster+Two:400,700|Lato:400" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<h1>Bonita Choi</h1>
<span class="container-background" style="justify-content: space-around;border-style: none">
<h5><a style="color: #00487C;text-decoration: none;" href="mailto:bonitac93@gmail.com"><img class="icon"
src="https://img.icons8.com/nolan/64/000000/new-post.png" />
bonitac93@gmail.com</a></h5>
<h5><a style="color: #00487C;text-decoration: none;" href="tel:236-987-2967"><img class="icon"
src="https://img.icons8.com/nolan/64/000000/cell-phone.png" /> 236-987-2967</a></h5>
<h5><a style="color: #00487C;text-decoration: none;" href="https://www.linkedin.com/in/bonita-choi-54bba348/"
target="_blank"><img class="icon" src="https://img.icons8.com/nolan/64/000000/linkedin.png" /> bonitac</a></h5>
<h5><a style="color: #00487C;text-decoration: none;" href="https://www.github.com/bonitac" target="_blank"><img
class="icon" src="https://img.icons8.com/nolan/64/000000/github.png" /> bonitac</a></h5>
</span>
<h2><span>Summary</span></h2>
<div class="summary">
<h4>Junior Web Developer passionate about learning about programming, using technology for good, and sharing
knowledge. I am a versatile fast learner with great attention to detail, which stems from working in small teams
and always being willing to take on any role with a smile. My educational
background is in molecular
biology and economics with a special interest in poverty alleviation and public health. I love combining ideas
from
different disciplines to craft a unique solution.</h4>
</div>
<h2><span>Skill Stack</span></h2>
<div class="container">
<div class="skill">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/code-file.png" /> Programming Languages</h3>
<h4>Javascript, C, C++, Python, HTML, CSS, Ruby</h4>
</div>
<div class="skill">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/code-file.png" /> Systems, CMS, and Databases
</h3>
<h4>SQL, MongoDB, Git, Wordpress, GraphQL</h4>
</div>
</div>
<div class="container">
<div class="skill">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/code-file.png" /> Frameworks, Libraries, and
Environments</h3>
<h4>NodeJS, ReactJS, Ajax, Express, Knex, EJS, JQuery, Bootstrap, Sass, Rails, ActiveRecord, Socket.io, React
Native, Django</h4>
</div>
<div class="skill">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/code-file.png" /> Testing and Numerical
Programming </h3>
<h4>Mocha, RSpec, R, MATLAB, Nova (Java-based modeling platform)</h4>
</div>
</div>
</div>
<h2><span>Projects</span></h2>
<div class="projects">
<div class="prj">
<div class="prj-content">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/training.png" />Later Cart</h3>
</a>
<h5><i class="fas fa-calendar-alt"></i> Apr. 2019</h5>
<h5><i class="fas fa-clipboard"></i> Later Cart is an application that lets users add items from any website to
a wishlist and share the contents with others.</h5>
<h5><i class="fas fa-layer-group"></i> NodeJS, Express, GraphQL, React, Material.io, PostgreSQL</h5>
</div>
<div class="overlay"><a href="https://github.com/bonitac/" target="_blank"><img style="height: 100%"
src="https://www.rforcats.net/assets/img/programmer.png" /></a></div>
</div>
<div class="prj">
<div class="prj-content">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/training.png" />mapbook</h3>
</a>
<h5><i class="fas fa-calendar-alt"></i> Mar. 2019</h5>
<h5><i class="fas fa-clipboard"></i> mapbook is a single-page application that allows users to share
their favourite locations.</h5>
<h5><i class="fas fa-layer-group"></i> NodeJS, Ajax, Express, Knex, EJS, JQuery, Sass, Bootstrap, PostgreSQL
</h5>
</div>
<div class="overlay"><a href="https://github.com/bonitac/mapbook" target="_blank"><img style="height: 100%"
src="https://github.com/bonitac/mapbook/blob/master/docs/more_square.png?raw=true" /></a></div>
</div>
<div class="prj">
<div class="prj-content">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/training.png" />Tweeter</h3>
</a>
<h5><i class="fas fa-calendar-alt"></i> Mar. 2019</h5>
<h5><i class="fas fa-clipboard"></i> Tweeter is a simple, single-page Twitter clone with randomly generated
users.</h5>
<h5><i class="fas fa-layer-group"></i> HTML, CSS, NodeJS, jQuery, AJAX, Node, Express and MongoDB</h5>
</div>
<div class="overlay"><a href="https://github.com/bonitac/tweeter" target="_blank"><img style="height: 100%"
src="https://github.com/bonitac/tweeter/blob/master/docs/successful%20tweet.png?raw=true" /></a></div>
</div>
<div class="prj">
<div class="prj-content">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/training.png" />Tiny App</h3>
</a>
<h5><i class="fas fa-calendar-alt"></i> Mar. 2019</h5>
<h5><i class="fas fa-clipboard"></i> TinyApp is a full stack web application that allows users to shorten long
URLs</h5>
<h5><i class="fas fa-layer-group"></i> Node, Express</h5>
</div>
<div class="overlay"><a href="https://github.com/bonitac/tinyApp" target="_blank"><img style="height: 100%"
src="https://github.com/bonitac/tinyApp/raw/master/docs/post-edit-index.png" /></a></div>
</div>
</div>
<div class="education">
<h2><span>Education</span></h2>
<div class="edu">
<div class="container">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/school.png" /> Lighthouse Labs</h3>
<h5><i class="fas fa-calendar-alt"></i> Mar. 2019 to May 2019</h5>
</div>
<h5>10-week Web Development Bootcamp that teaches full-stack development by
teaching how to think like a programmer.</h5>
</div>
<div class="edu">
<div class="container">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/school.png" /> Simon Fraser University</h3>
<h5><i class="fas fa-calendar-alt"></i> May 2018 to Dec. 2018</h5>
</div>
<div style="float:left; width:55%; border-style:none">
<h5><i class="fas fa-laptop-code"></i> Introduction to Computing Science & Programming 1 (Python)</h5>
<h5><i class="fas fa-laptop-code"></i> Introduction to Computing Science & Programming 2 (C & C++)</h5>
</div>
<div style="border-style:none">
<h5><i class="fas fa-laptop-code"></i> Computing Laboratory (C & C++)</h5>
<h5><i class="fas fa-laptop-code"></i> Linear Algebra and Numerical Analysis (MATLAB)</h5>
</div>
</div>
<div class="edu">
<div class="container">
<h3 style="float:left"><img class="icon" src="https://img.icons8.com/nolan/64/000000/school.png" /> UC Berkeley
</h3>
<h5 style="float:right"><i class="fas fa-calendar-alt"></i>Aug. 2011 to Dec. 2015</h5>
</div>
<div class="container">
<div style='border-style: none; float:left'>
<h5><i class="fas fa-graduation-cap"></i> Bachelor of Science Environmental Economics and Policy</h5>
<h5>   Resource economics and bioresource modelling</h5>
</div>
<div style='border-style: none; float:left'>
<h5><i class="fas fa-graduation-cap"></i> Bachelor of Science Nutritional Science</h5>
<h5>    Metabolic biology and food science</h5>
</div>
</div>
</div>
</div>
<h2><span>Employment</span></h2>
<div class="employment">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/new-job.png" />Office Team (Temp Agency)</h3>
<!-- <div class="container"> -->
<!-- take out this generic bit? -->
<!-- <h4>Administrative Assistant</h4> -->
<!-- <h4><i class="fas fa-calendar-alt"></i> Aug. 2016 to Dec. 2016</h4> -->
<!-- <h4>San Francisco, CA</h4> -->
<!-- </div> -->
<!-- <h5>Temp Agency linking to jobs related to technology and nonprofits in administrative roles</h5> -->
<div class="container-background">
<h4><i class="fas fa-briefcase"></i> Grants Assistant (Temp)</h4>
<h4><i class="fas fa-calendar-alt"></i> July 2016 to Sept. 2016</h4>
<h4>San Francisco Foundation</h4>
<h4>San Francisco, CA</h4>
</div>
<h5><i class="fas fa-table"></i> Played key role in choosing new grants management software.
</h5>
<h5><i class="fas fa-pen"></i> Revised donor-advised recommendations and compliance reports for accuracy and due
diligence to ensure
efficient grantmaking.</h5>
<div class="container-background">
<h4><i class="fas fa-briefcase"></i> Database Project Assistant (Temp)</h4>
<h4><i class="fas fa-calendar-alt"></i> Oct. 2016 to Oct. 2016</h4>
<h4>OpenDNS</h4>
<h4>San Francisco, CA</h4>
</div>
<h5><i class="fas fa-table"></i> Completed Microsoft Excel and <u
style="text-decoration: #4BB3FD solid underline">Salesforce</u>-based project to transition previous
customers’
information post-acquisition by Cisco.</h5>
<h5><i class="fas fa-table"></i> Worked independently under tight deadlines and exceeded project expectations, while
maintaining
high level of accuracy </h5>
<h5><i class="fas fa-redo-alt"></i> Was asked to return for subsequent projects.</h5>
</div>
<div class="employment">
<h3><img class="icon" src="https://img.icons8.com/nolan/64/000000/new-job.png" />Sprouts Cooking Club (501c3
Nonprofit)</h3>
<div class="container-background">
<h4><i class="fas fa-briefcase"></i> Grants Intern</h4>
<h4><i class="fas fa-calendar-alt"></i> Dec. 2015 to Aug. 2016</h4>
<h4>Oakland, CA</h4>
</div>
<h5><i class="fas fa-pen"></i> Developed grant-writing process for all future grant-writing projects that
increased number of
completed grants by 500%.</h5>
<h5><i class="fas fa-utensils"></i> Awarded <u style="text-decoration: #4BB3FD solid underline">$12000+</u> through
grant writing and sponsor solicitions, equivalent to 15 full scholarships for extracurricular middle-school
cooking classes,
and 5 stipends to support at-risk youth ages 16-21 as they jumpstart their culinary careers through in-restaurant
apprenticeships.</h5>
<h5><i class="fab fa-facebook-square"></i> Launched <u style="text-decoration: #4BB3FD solid underline">Facebook Ad
Management</u> for greater reach.</h5>
<div class="container-background">
<h4><i class="fas fa-briefcase"></i> Director’s Assistant</h4>
<h4><i class="fas fa-calendar-alt"></i> Jan. 2015 to Oct. 2015</h4>
<h4>Bay Area, CA</h4>
</div>
<h5><i class="fas fa-utensils"></i> Assisted Directors and Founder, with a focus on Summer Camp program management
(800 registrations, 50
scholarship applications).</h5>
<h5><i class="fab fa-wordpress"></i> Updated website using Weebly and <u
style="text-decoration: #4BB3FD solid underline">Wordpress</u>.</h5>
<h5><i class="fas fa-envelope-square"></i> Created and circulated daily, weekly, seasonal summary reports that
showcased sponsors, event recaps, and
child development, individualized for each audience (parents, team members and sponsors).</h5>
<h5><i class="fas fa-poll"></i> Proposed and developed a needs-assessment survey to address concerns and
suggestions.</h5>
<h5><i class="fas fa-utensils"></i> Secured five new, long-standing ingredient sponsors to cover approximately
<u style="text-decoration: #4BB3FD solid underline">$5000</u> of summer camp program
expenses and more to be allocated for scholarships throughout the year.</h5>
</div>
<h2><span>Hobbies</span></h2>
<div style="float: left; width: 900px">
<h4>Cooking, Travelling, Coffee and History Enthusiast </h4>
</div>
<br>
<br>
<h2><span>Volunteering</span></h2>
<div>
<div class="container">
<h5><i class="fas fa-tractor"></i> City Slickers: Participated in day-to-day farming activities</h5>
<h5><i class="fas fa-calendar-alt"></i> Sept. 2011 to Dec. 2015</h5>
</div>
<div class="container">
<h5><i class="fas fa-tractor"></i> Edible Schoolyard: Assisted in middle-school student's farming and cooking
classes.</h5>
<h5><i class="fas fa-calendar-alt"></i> Sept. 2011 to Dec. 2015</h5>
</div>
<div class="container">
<h5><i class="fas fa-pen"></i> WriterCoach: Mentored middle-school students with writing assignments </h5>
<h5><i class="fas fa-calendar-alt"></i> Sept. 2011 to Dec. 2015</h5>
</div>
</div>
<br>
<br>
<!-- for ruby projects: <img src="https://img.icons8.com/nolan/64/000000/ruby-programming-language.png"> -->
</body>
</html>