ileenf.github.io/index.html at master · ileenf/ileenf.github.io

History

326 lines (302 loc) · 15.9 KB

Raw

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

<!DOCTYPE html>

<head>

<title>ileen fan</title>

</head>

<body>

<nav>

<li><a href="#about">about</a></li>

<li><a href="#experience">experience</a></li>

<li><a href="#projects">projects</a></li>

<li><a href="#teaching">teaching</a></li>

<li><a href="#skills">skills</a></li>

</ul>

</nav>

</div>

<h1 class = "name"><strong>ileen fan</strong></h1>

</div>

</div>

<h2 class = "section-header" >👩🏻 about me</h2>

<p>hey there! my name is ileen and i'm currently a 2nd year studying computer science at

university of california, irvine. i'm interested software development and building cool tech stuff!

my experiences lie in python, c++, ios/web development, and databases. after participating in cs diversity programs such as girls who code, kode with klossy, and google cssi which have helped me get to where i am today, i've been dedicated to giving back through volunteering, community service, and

educating younger students about cs/tech.

</p>

<p>

i'm originally from the bay area, where i've lived for my entire life. despite growing up in a tech hub, i didn't really start coding until the summer after i graduated high school. it was during this summer where i dived deeper into cs and explored various programming languages, data structures & algorithms, and how to problem solve with code. this was also when i discovered i was truly passionate about this field and wanted to have a career in cs. i also love avocados hehe. thanks for visiting my website and hope you enjoy your stay!

</p>

</div>

</section>

<h2 class = "section-header" >📌 experience</h2>

<strong>facebook/meta</strong></p>

<p class = "duration">summer 2022</p>

<p>swe intern</p>

<p class = "duration">summer 2021</p>

<p>fbu engineering intern</p>

</div>

<strong>kode with klossy</strong></p>

<p class = "duration">summer 2021</p>

<p>instructor assistant</p>

<p class = "duration">summer 2020</p>

<p>web dev scholar</p>

</div>

<strong>google</strong></p>

<p class = "duration">summer 2020</p>

<p>google cssi</p>

</div>

<strong>intuit</strong></p>

<p class = "duration">summer 2019</p>

<p>girls who code summer immersion program</p>

</div>

<p>swe intern</p>

</div>

</section>

<h2 class="section-header">💡 projects</h2>

<p class="project-desc" style="margin-top:-50px">(hover over images for project source code)</p>

</a>

<p>

<strong class="project-title">rate my class</strong>

<br>

an ios app that allows students to write and browse reviews about college classes at uci. utilizes <a href="https://api.peterportal.org/" class="project-link" target="blank" title = "peterportal api">peterportal api</a> to fetch course data and <a href="https://www.back4app.com/" class="project-link" target="blank" title = "parse">parse backend</a> to store reviews and user info.

<br>

features include class recommendation system and algorithm that sorts classes by quality using apple's <a href="https://developer.apple.com/documentation/naturallanguage" class="project-link" target="blank" title = "natural language">natural language framework.</a>

</p>

<p class="tech-desc"><strong>tech:</strong> objective-c, xcode, parse, nlp, rest api</p>

</div>

</a>

<p>

<strong class="project-title">search engine</strong>

<br>

a search engine coded from scratch capable of handling 10,000+ documents/web pages in uci ics domains, under harsh operational constraints and having a query response time under 300ms. documents include those from the uci ics, stats, informatics, and related domains.

<br>

parse html/json, design efficient data structures to index documents, ensure fast file access, and balance memory usage. implement partial indexes to build indexes in memory periodically and merge after. rank documents using tf-idf, 2 grams, weighting of important text, champion lists. implement graphical user interface (gui) prompt.

</p>

<p class="tech-desc"><strong>tech:</strong> python, flask, information retrieval</p>

</div>

</a>

<p>

<strong class="project-title">zot habits</strong>

<br>

an iot (internet of things) software system that utilizes various sensors (distance, motion, photoresistor, temperature) to monitor/promote healthy lifestyle habits such as working with sufficient light, shorter sitting durations, and frequent breaks.

<br>

leverages real time sensing and a connection to an aws web server to store and manipulate user data. includes a flask interface that aggregates statistics, plots graphs of the raw sensor data using matplotlib, and provides healthier lifestyle recommendations

</p>

<p class="tech-desc"><strong>tech:</strong> arduino, c++, aws, flask, python, matplotlib, iot </p>

</div>

</a>

<p>

<strong class="project-title">sleep tracker</strong>

<br>

a hybrid app built with <a href="https://ionicframework.com/" class="project-link" target="blank" title = "ionic">ionic</a> that allows users to track sleep habits. users can browse and log their overnight sleep and <a href="https://www.med.upenn.edu/cbti/assets/user-content/documents/Stanford%20Sleepiness%20Scale.pdf" class="project-link" target="blank" title = "sleepiness">sleepiness data</a>. uses capacitor storage api to persist user data.

<br>

features include useful initial view displaying logged sleep stats, clearing all data, error prevention (toast and alert notifications), and native plugin api for sharing sleep and sleepiness logs.

</p>

<p class="tech-desc"><strong>tech:</strong> ionic, typescript, angular, capacitor</p>

</div>

</a>

<p>

<strong class="project-title">minesweeper</strong>

<br>

a recreation of the classic <a href="https://minesweeper.online/" class="project-link" target="blank" title = "minesweeper">minesweeper</a> game. user selects cells by inputting the cell row and column, and can choose to either flag or reveal that cell. game repeats in a loop until user reveals a bomb or all non-bomb cells are correctly revealed/flagged.

<br>

implement breadth-first-search algorithm that reveals adjacent cells when revealing a cell with no bomb. coded two versions with python and mips assembly.

</p>

<p class="tech-desc"><strong>tech:</strong> python, mips assembly</p>

</div>

</section>

<h2 class = "section-header" >🍎 teaching</h2>

<a href="https://www.ics.uci.edu/~mikes/" target = "_blank" class = "teaching-title">data structures learning assistant</a>

<ul>

<li>spring 2022</li>

<li>advise professor on lesson plans, homework/exam questions, and increasing student outcomes</li>

<li>Hold weekly office hours, exam review sessions, and assist lectures with interactive activities</li>

</ul>

</div>

<a href="https://tutors.ics.uci.edu/index.php/becoming-a-tutor" target = "_blank" class = "teaching-title">lab tutor at uci</a>

<ul>

<li>assist students with python programming in lab</li>

<li>winter 2022</li>

<li>assist students with assembly programming (mips) in lab</li>

</ul>

</div>

<a href="https://sites.google.com/uci.edu/superpositionuci" target = "_blank" class = "teaching-title">superposition at uci</a>

<ul>

<li>summer 2020 - present</li>

<li>lead a chapter of a women in stem club at my university</li>

</ul>

</div>

<a href="https://www.kodewithklossy.com" target = "_blank" class = "teaching-title">kode with klossy</a>

<ul>

<li>summer 2021</li>

<li>instructor assistant for web dev camp</li>

</ul>

</div>

<a href="https://codeinplace.stanford.edu" target = "_blank" class = "teaching-title">stanford code in place</a>

<ul>

<li>spring 2021</li>

<li>section leader for first half of cs 106a</li>

</ul>

</div>

<a href="https://irvingtoncti.org" target = "_blank" class = "teaching-title">irvington coding tomorrow initiative</a>

<ul>

<li>summer 2020 - winter 2020</li>

<li>co-led weekly python/java lessons</li>

</ul>

</div>

</section>

<h2 class="section-header">💻 skills</h2>

<h3 style = "font-size: 20px; line-height: 100%; padding:10px 0px;"><strong>proficient</strong></h3>

<p>python</p>

<p>nosql</p>

<p>objective c</p>

<p>javascript</p>

<p>typescript</p>

</div>

<h3 style = "font-size: 20px; line-height: 100%; padding:10px 0px;"><strong>intermediate</strong></h3>

<p>angular</p>

<p>ionic</p>

<p>flask</p>

<p>mongodb</p>

</div>

<h3 style = "font-size: 20px; line-height: 100%; padding:10px 0px;"><strong>familiar</strong></h3>

<p>matplotlib</p>

<p>numpy</p>

<p>express</p>

<p>pytorch</p>

<p>graphql</p>

<p>react</p>

</div>

</section>

<p>created by ileen fan</p>

<p><a href="https://github.com/ileenf/ileenf.github.io" class="project-link" title="Website Code" target="_blank">source code here!</a></p>

<p>

<img style="border:0;width:88px;height:31px"

src="https://jigsaw.w3.org/css-validator/images/vcss-blue"

alt="Valid CSS!" />

</a>

</p>

</footer>

</body>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls