-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (121 loc) · 4.67 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<link rel="icon" href="res/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="style.css"/>
<title>zrui.dev</title>
<meta name="description" content="Personal Site - Rui Zhu, Software Developer" />
</head>
<body>
<nav id="navbar">
<ul>
<li><a href="#about">About Me</a></li>
<li><a href="#projects">Projects</a></li>
</ul>
</nav>
<div class="section" id="about">
<div class="content-inside">
<h2>ABOUT ME</h2>
<p>Hi, my name is Rui. I'm a software developer. I like working on full stack web development, devops, performance testing, and cybersecurity.</p>
</br>
<ul class="hash-list">
<li>I enjoy working with:</li>
<li><b>Languages:</b> Kotlin, Typescript, Python, bash, Golang, SQL</li>
<li><b>Frameworks:</b> Spring Boot, Svelte, React, Fastify</li>
<li><b>Tools:</b> Docker, git, nix</li>
</ul>
<ul class="hash-list">
<li>My hobbies outside of software development are:</li>
<li>Reading</li>
<li>Music</li>
<li>Biking</li>
<li>Swimming</li>
</ul>
</div>
</div>
<div class="section" id="projects">
<h2>PROJECTS</h2>
<div id="project-container">
<div class="project">
<p class="green"><b>cyoa:</b> Choose your own Adventure creater/player</p>
<ul class="gt-list">
<li class="orange">Using: Sveltekit, Cloudflare Pages, SQLite, Cloudflare R2, Fastify </li>
<li class="yellow">
<a href="https://cyoa.zrui.dev/">Demo</a>
<a href="https://github.com/ZRui98/cyoa/">Code</a>
</li>
<li>Built UI using sveltkit + pixi.js to render decision graph</li>
<li>Implemented storing audio and image files to show during adventure</li>
<li>Social auth login with stateless sessions</li>
<li>Deployed to Cloudflare R2 + Pages + PM2 w/ Github Actions</li>
</ul>
</div>
<div class="project">
<p class="green"><b>kimosabe:</b> self moderating social network for LFG in co-op games</p>
<ul class="gt-list">
<li class="orange">Using: React, Redux, PostgreSQL, Redis/RediSearch, Spring Boot </li>
<li class="yellow">
<a href="https://github.com/6rotoms/kimosabe/">Code</a>
</li>
<li>RediSearch for fuzzy searching/autocompletion</li>
<li>Spring-Boot API with Sessions</li>
<li>Uses IGDB database for game data</li>
<li>User registration auth through email</li>
<li>persistent state from localstorage</li>
</ul>
</div>
<div class="project">
<p class="green"><b>fserv:</b> webapp for account-based file hosting</p>
<ul class="gt-list">
<li class="orange">Using: Golang, HTML+CSS, PostgreSQL </li>
<li class="yellow">
<a href="https://github.com/ZRui98/fserv/">Code</a>
</li>
<li>encoded shortened URLs (like imgur)</li>
<li>Private/public files</li>
<li>Overview page that allows editing</li>
<li>User accounts with JWT Authentication</li>
</ul>
</div>
<div class="project">
<p class="green"><b>Matrix Calculator:</b> SPA for matrix operations</p>
<ul class="gt-list">
<li class="orange">Using: React, Redux, Typescript </li>
<li class="yellow">
<a href="https://zrui98.github.io/matrix-calculator/">Demo</a>
<a href="https://github.com/ZRui98/matrix-calculator/">Code</a>
</li>
<li>Supports RREF, Multiply, Transpose</li>
<li>Using Material-UI react components</li>
<li>Basic support for symbolic algebra</li>
<li>Responsive UI</li>
</ul>
</div>
<div class="project">
<p class="green"><b>T3D:</b> pseudo-3D raycasted tower defense game</p>
<ul class="gt-list">
<li class="orange">Using: Java</li>
<li class="yellow">
<a href="https://github.com/ZRui98/t3d">Code</a>
</li>
<li>Pathfinding AI</li>
<li>Textured walls/ceilings</li>
<li>Animated sprites</li>
<li>Level editing software available</li>
</ul>
</div>
</div>
</div>
<footer class="center footer">
<p class="green"><b>Get in Contact:</b></p>
<p class="orange">
<a href="https://github.com/ZRui98">github</a>
<a href="https://raw.githubusercontent.com/ZRui98/personal-resume-latex/main/resume.pdf" target="_blank" rel="noopener noreferrer">résumé</a>
<a href="mailto:[email protected]">[email protected]</a>
</p>
</footer>
</body>
</html>