-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (78 loc) · 5.23 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
<!DOCTYPE html>
<html>
<head>
<title>Julia Yu</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Slab|Montserrat:300,500|Raleway:600" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="icon" href="personallogo.png">
<meta http-equiv="pragma" content="no-cache"/>
</head>
<body>
<h1>JULIA YU</h1>
<div id = "nav"><a href="#about">ABOUT</a><a href="#projects" id = "middle">PROJECTS</a><a href="https://tiny.cc/julia88">TEACHING</a></div>
<div id = "photoheader"></div>
<div class = "container">
<div class = "row">
<div class="col-xs-6"><img src="selfie.png"></div>
<div class="col-xs-6" id = "about">
<h2>About Me</h2>
<p>Hi there! My name is Julia. I'm a third-year student at UC Berkeley. I'm pursuing a Bachelor's in Computer Science and Data Science, combining my love for problem solving and my curiosity about the world around us.</p>
<p>This past summer, I interned at <a href = "https://ebay.com">eBay</a> as a Software Engineer Intern focused on iOS development. I also currently serve as a Teaching Assistant for <a href="https://cs88-website.github.io/">CS 88</a>, which teaches computational structures and Python programming.</p>
<p>Apart from teaching and programming, I love to practice calligraphy and make crafts in my free time. Latest craft: <a href="miniaturehouse.jpg">this miniature house!</a></p>
<p>If you have any inquiries, please contact me at <a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&[email protected]" target="_blank">[email protected]</a></p>
</div>
</div>
<div class = "row">
<hr>
<h4 id = "projects">Projects</h4>
<div class = "col-xs-6">
<div class = "thumbnail">
<img src="projectimgs/pacman.png"><div class="caption">
<h3>PacMan Game Solver</h3>
<p>Completed for CS 188: Artificial Intelligence, this project involved implementing numerous search algorithms and search agents to find optimal solutions to the PacMan game. Coded in Python.</p>
</div></div>
</div>
<div class = "col-xs-6">
<div class = "thumbnail">
<img src="projectimgs/website.jpg"><div class="caption">
<h3>Personal Website</h3>
<p>This responsive website was coded from scratch in HTML and CSS. Soon to be renovated with more functionalities with Javascript!</p>
</div></div>
</div>
<div class = "col-xs-6">
<div class = "thumbnail">
<img src="projectimgs/dungeon.png"><div class="caption">
<h3>Darkest Dungeon: A Minecraft Game</h3>
<p>Coded in Java, the adventure/puzzle game challenges players to find all the keys and unlock the magic door before their "insanity" runs out. If their character fails to collect enough light along the way, their insanity runs and out and they lose the game. The game supports: random world generation, so no two maps are the same, a dynamic GUI with hints depending on the player's location, and a "save checkpoint" so players can return to their games whenever.</p></p><a href="https://vimeo.com/321355141" class="btn btn-default" role="button">Demo Video</a>
</div></div>
</div>
<div class = "row">
<div class = "col-xs-6">
<div class = "thumbnail">
<img id = "bigphone" src="projectimgs/grocerylist1.png"><div class="caption">
<h3>Icebox</h3>
<p>Icebox is a grocery management app for iOS that aims to reduce food waste and help college students save time and work by streamlining the grocery process. For the project, I collected and analyzed market research data and designed the entire interface of the application. Studied Swift and XCode to also help with implementation.</p><a href="https://docs.google.com/presentation/d/1FT8dCtDvJgIYgtXhsYrp2ZmPv_VvRvXesUi68ke5nBY/edit?usp=sharing" class="btn btn-default" role="button">Pitch Deck</a><a href="https://thespoon.tech/iceboxs-grocery-replenishment-service-wants-you-to-never-run-out-of-eggs/" class="btn btn-default" role="button">The Spoon Article</a></p>
</div></div>
</div>
<div class = "col-xs-6">
<div class = "thumbnail">
<img src="projectimgs/maps.png"><div class="caption">
<h3>Google Maps Simulator</h3>
<p>This project employs search algorithms such as A* to find the shortest path between two checkpoints on the map. It also supports search autocompletion, using a trie implementation. Coded in Java.</p>
</div></div>
</div>
<div class = "col-xs-6">
<div class = "thumbnail">
<div class="caption">
<h3>More coming soon!</h3>
<p>-</p>
</div></div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>