-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
265 lines (236 loc) · 9.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>pan93412, Yi-Jyun Pan</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./src/style.css" />
<script
defer
src="https://umami.pan93.com/script.js"
data-website-id="76a95099-978a-419e-a653-2d69a3c1cb67"
></script>
<script type="module">
import "./src/email.js";
</script>
</head>
<body>
<main>
<h1>Yi-Jyun Pan / <code>pan93412</code></h1>
<nav>
<a href="/index.zh-TW.html">中文（台灣）</a>
</nav>
<p>
I am a backend intern at <a href="https://zeabur.com">Zeabur</a> and an
undergraduate based in Kaohsiung, Taiwan 🇹🇼. I design, translate, and
occasionally contribute to open-source software (OSS).
</p>
<p>Check how to reach me <a href="#contact">here</a>.</p>
<section>
<h2>About Me</h2>
<p>
I am a full-stack developer with expertise in a wide range of
technologies.
</p>
<p>
On the frontend, I utilize modern tools such as React.js, TypeScript,
Vite, and Next.js. This homepage itself is built using Vite as the
bundler.
</p>
<p>
On the backend, my development skills include proficiency in languages
like
<a href="https://github.com/nkust-monitor-iot-project-2024/central"
>Go</a>,
<a href="https://github.com/nkust-monitor-iot-project-2024/iot-system"
>Rust</a>,
<a href="https://github.com/database-playground/app-sf">PHP</a>, and
Node.js.
</p>
<p>
I have extensive experience with PaaS solutions like Zeabur, ensuring
applications run seamlessly on such platforms. Additionally, I am
proficient with cloud providers including AWS (EC2, SES), GCP (GCE),
Cloudflare (R2), and DigitalOcean (Droplet, Docker registry). I am
expert in Git and has been adapted to established contribution flows
and committing guidelines, such as <a
href="https://www.conventionalcommits.org/en/v1.0.0/"
>Conventional Commits</a>, and CI/CD pipelines primarily using GitHub
Actions. I also collaborate on a Docker-based builder solution, <a
href="https://github.com/zeabur/zbpack"
>Zeabur Pack</a>, and work extensively with Kubernetes, which
underpins Zeabur's infrastructure.
</p>
<p>
I prefer cloud-native and scalable solutions. I have applied
microservice architectures and techniques on several projects, for
example:
</p>
<ul>
<li>
<a href="https://github.com/nkust-monitor-iot-project-2024/central"
>NKUST IC IoT Projects (Go, 2024/06)</a>: Written in Go, applied
RabbitMQ, GraphQL, gRPC, OpenTelemetry, mTLS, PostgreSQL, etc.
</li>
<li>
<a
href="https://github.com/nkust-monitor-iot-project-2024/iot-system"
>NKUST IC IoT Projects (Rust, 2024/12)</a>: Written in Rust, applied
S3 (R2), GraphQL, NATS, PostgreSQL, etc. Communicates entirely with
NATS.
</li>
<li>
<a href="https://github.com/database-playground/app-sf"
>Database Playground</a>: Mostly monolithic, but <a
href="https://github.com/database-playground/sqlrunner-v2"
>some services</a> have been split as HTTP services. It used to <a
href="https://github.com/database-playground/backend-go"
>be in the microservice structure</a>, but I found Symfony was more
suitable for rapid development and prototype validation.
</li>
</ul>
<p>
I consistently explore best practices and scalable solutions in
software engineering to maintain high code quality. Feel free to share
your opinions with me!
</p>
<p>
Additionally, I design apps using Swift for the Apple ecosystem and
React Native as an amateur. I have experience with the development of
macOS and iOS apps, such as <a
href="https://github.com/pan93412/string-catalog-merger"
>A Helper for Merging the String Catalog</a> and helping improve
concurrency in some Swift projects.
</p>
<p>
Beyond development, I engage in data analysis with Python, supported
by training from NKUST IC, and possess skills in prompt engineering
with OpenAI GPT models. I also create designs, which can be viewed on
my <a href="https://figma.com/@pan93412">Figma community profile</a>,
though my portfolio there is seldom updated.
</p>
<p>
I am an active contributor to open-source projects such as Symfony,
Git, Keka, and various GNU software. Additionally, I actively
participate in several developer communities on Telegram and Discord,
where you can often find me.
</p>
<p>
My development environment is built on a powerful MacBook Pro
utilizing Nix and <a href="https://devenv.sh">Devenv</a>. I favor VS
Code over JetBrains' IDEs due to better compatibility with Devenv.
</p>
</section>
<section>
<h2>Experiences</h2>
<ul>
<li>Zeabur (2023/04 - Present): Backend intern</li>
<li>NKUST GDSC (2022/10 - 2024/06): Core member</li>
<li>NKUST IC (2022/09 - <i>est. 2026/06</i>): Undergraduate</li>
<li>
中學資訊討論群 CISC (2020 - Present): 行政人員 (資訊組), mainly
maintaining CISCC (now abandoned).
</li>
<li>
<a href="https://github.com/smhs-os-project"
>SMHS Open Source Project</a> (2019/09 - 2022/06): Co-founder, <a
href="http://github.com/smhs-os-project/cscheckin-fe"
>CSCheckin frontend engineer</a>
</li>
<li>l10n-tw (2018 - Present): Community member</li>
</ul>
</section>
<section>
<h2>Slides</h2>
<ul>
<li>
<strong>MOPCON 2024</strong>: 導入可監控性：OpenTelemetry 實踐和
Request ID 實作 (<a href="https://link.pan93.com/opentelemetry-ppt"
>Slides</a>,
<a href="https://mopcon.org/2024/speaker/?id=2024010">MOPCON</a>)
</li>
<li>
<strong>PyCon 2024</strong>: 如何將 Python
程式碼的環境遷移到其他地方？ (<a
href="https://blog.pan93.com/posts/move-venv-to-other-machines/"
>Article</a>, <a
href="https://www.figma.com/community/file/1457614794408994979/pycon-presentation-how-to-make-a-python-environment-recreatable"
>Slides</a>,
<a href="https://tw.pycon.org/2024/zh-hant/conference/talk/319"
>PyCon</a>)
</li>
<li>
<strong>DevFest 2022</strong>: 透過重構實戰，探索 Web App DX 和 UX
的最佳做法 (<a
href="https://1drv.ms/b/s!AiC-9Gl0ltrahdo4tp-3GQz7FFiYxw?e=xM4dXd"
>Slides</a>, <a
href="https://gdg.community.dev/events/details/google-gdg-kaohsiung-presents-devfest-kaohsiung-tainan-2022/"
>GDG</a>)
</li>
<li>
<strong>MOPCON 2021</strong>: 應到未到，一看就知道！ (<a
href="https://imych.one/mopcon2021p"
>Slides</a>, <a href="https://mopcon.org/2021/schedule/2021039"
>MOPCON</a>)
</li>
</ul>
</section>
<section>
<h2>Projects</h2>
<p>
Most of my exciting projects are open-sourced on
<a href="https://github.com/pan93412">my GitHub (pan93412)</a>. I have
pinned some projects that showcase my skills. I prefer to create a new
team for my projects, and I encourage you to explore the repositories
under the teams I have joined.
</p>
<p>
I also maintain a blog at
<a href="https://blog.pan93.com">blog.pan93.com</a>, where I share my
thoughts and technical insights, though it does not update frequently.
</p>
</section>
<section id="contact">
<h2>Contact me</h2>
<p>
You can reach me via Threads, X, or other social media platforms. I am
mostly active on Telegram, X and Threads.
</p>
<ul>
<li>
Email:
<x-email></x-email>
</li>
<li>
Twitter (X): <a href="https://twitter.com/byStarTW">@byStarTW</a>
</li>
<li>
Threads: <a href="https://www.threads.net/@pan93412">@pan93412</a>
</li>
<li>
Telegram: <a href="https://t.me/bystartw_chan">@bystartw_chan</a>
</li>
<li>
Mastodon:
<a href="https://social.slat.org/@pan93412"
>@[email protected]</a>
</li>
<li>
Bluesky:
<a href="https://bsky.app/profile/pan93412.bsky.social"
>@pan93412.bsky.social</a>
</li>
<li>
Facebook: <a href="https://facebook.com/pan93412TW">Yi-Jyun Pan</a>
</li>
</ul>
</section>
<section>
<p>
This site is powered by
<a href="https://zeabur.com/?referralCode=pan93412">Zeabur</a>.
</p>
</section>
</main>
</body>
</html>