-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
211 lines (200 loc) · 10 KB
/
index.html
File metadata and controls
211 lines (200 loc) · 10 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ylim314 | Product-Focused Developer Portfolio</title>
<meta
name="description"
content="Ylim314 builds browser tools, AI-assisted product prototypes, and practical engineering projects focused on real user workflows."
>
<meta property="og:title" content="Ylim314 Portfolio">
<meta
property="og:description"
content="Selected projects from Ylim314: Aether Image Cleaner, CreatorChain, Greedy Snake, and more."
>
<meta property="og:type" content="website">
<meta property="og:url" content="https://ylim.me/">
<meta name="theme-color" content="#141414">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main class="site-shell">
<section class="hero">
<div class="hero-copy">
<p class="eyebrow">Ylim314</p>
<h1>I build practical products, not just demo repos.</h1>
<p class="hero-text">
My work sits between fast iteration and real engineering constraints:
browser tools, AI-assisted workflows, computer-vision experiments,
and small systems-style projects that I can explain end to end.
</p>
<div class="hero-actions">
<a class="primary-link" href="https://github.com/Ylim314" target="_blank" rel="noreferrer">GitHub</a>
<a class="secondary-link" href="mailto:hello@ylim.me">hello@ylim.me</a>
</div>
</div>
<div class="hero-panel">
<div class="signal-card">
<span class="signal-label">Current focus</span>
<strong>Product-oriented portfolio building</strong>
<p>Turning selected repositories into stronger public work: clearer positioning, cleaner UX, better engineering boundaries.</p>
</div>
<div class="signal-grid">
<article>
<span>Primary stack</span>
<strong>JavaScript, C, Solidity, Go</strong>
</article>
<article>
<span>Workflow</span>
<strong>Static apps, prototypes, iteration</strong>
</article>
<article>
<span>Strength</span>
<strong>Shipping usable tools fast</strong>
</article>
<article>
<span>Goal</span>
<strong>Work that stands up in hiring and collaboration</strong>
</article>
</div>
</div>
</section>
<section class="section-block">
<div class="section-head">
<p class="eyebrow">Featured Work</p>
<h2>Projects I want people to evaluate first.</h2>
</div>
<div class="project-grid primary-grid">
<article class="project-card highlight-card">
<div class="project-meta">
<span class="pill">Primary</span>
<span class="stack">OpenCV.js / Vanilla JS / Static App</span>
</div>
<h3>Aether Image Cleaner</h3>
<p>
A browser-based image cleanup tool built for practical AI image editing.
The app now includes local processing, guardrails for large files,
undo/redo history, compare mode, and region-based inpainting.
</p>
<ul class="project-points">
<li>Local-only processing with OpenCV.js</li>
<li>Bounded history and safer large-image workflow</li>
<li>Portfolio-ready product positioning and UI</li>
</ul>
<div class="project-links">
<a href="https://github.com/Ylim314/aether-image-cleaner" target="_blank" rel="noreferrer">Repository</a>
</div>
</article>
<article class="project-card">
<div class="project-meta">
<span class="pill">Primary</span>
<span class="stack">React / Go / Solidity / Web3</span>
</div>
<h3>CreatorChain OpenSource 2026</h3>
<p>
A larger multi-stack project around digital creation, on-chain ownership,
and creator-oriented workflows. This repository represents my more complex
architecture and integration work.
</p>
<ul class="project-points">
<li>Frontend, backend, contract, and storage layers</li>
<li>Better fit for systems discussion in interviews</li>
<li>Main public CreatorChain repository</li>
</ul>
<div class="project-links">
<a href="https://github.com/Ylim314/CreatorChain-OpenSource-2026" target="_blank" rel="noreferrer">Repository</a>
</div>
</article>
<article class="project-card">
<div class="project-meta">
<span class="pill">Primary</span>
<span class="stack">C / PDCurses / Terminal UI</span>
</div>
<h3>Greedy Snake</h3>
<p>
A terminal snake game in C that I keep public because it demonstrates
data structure basics, state management, keyboard interaction, and
a compact but explainable implementation.
</p>
<ul class="project-points">
<li>Array-based snake body update logic</li>
<li>Enum-based game states and difficulty modes</li>
<li>Useful proof of core implementation ability</li>
</ul>
<div class="project-links">
<a href="https://github.com/Ylim314/Greedy_snake" target="_blank" rel="noreferrer">Repository</a>
</div>
</article>
</div>
</section>
<section class="section-block">
<div class="section-head">
<p class="eyebrow">Additional Work</p>
<h2>Supporting projects with narrower scope.</h2>
</div>
<div class="project-grid secondary-grid">
<article class="project-card compact-card">
<div class="project-meta">
<span class="pill muted">Supporting</span>
<span class="stack">ERC-8004 / Web3</span>
</div>
<h3>Trustless Agents</h3>
<p>Exploration repo around trustless agent workflows and on-chain coordination.</p>
<div class="project-links">
<a href="https://github.com/Ylim314/trustless-agents" target="_blank" rel="noreferrer">Repository</a>
</div>
</article>
<article class="project-card compact-card">
<div class="project-meta">
<span class="pill muted">Supporting</span>
<span class="stack">Competition Project / AI</span>
</div>
<h3>Software Cup 14</h3>
<p>Competition-oriented project around AI-assisted teaching workflows on embedded Linux.</p>
<div class="project-links">
<a href="https://github.com/Ylim314/Software_Cup_14" target="_blank" rel="noreferrer">Repository</a>
</div>
</article>
</div>
</section>
<section class="method-grid">
<article class="method-card">
<p class="eyebrow">How I Build</p>
<h2>I use AI to move faster, but I optimize for understanding and iteration.</h2>
<p>
I am not positioning myself as a long-time open-source maintainer. My stronger
claim is different: I can take ideas, shape them into usable products, improve
them with real engineering constraints, and explain the decisions behind them.
</p>
</article>
<article class="method-card">
<p class="eyebrow">What I Improve</p>
<ul class="principles">
<li>Turn rough prototypes into cleaner public-facing products</li>
<li>Add guardrails, recovery paths, and reversible workflows</li>
<li>Reduce naming confusion and portfolio noise</li>
<li>Keep only a few repositories as true showcase work</li>
</ul>
</article>
</section>
<footer class="site-footer">
<div>
<p class="eyebrow">Contact</p>
<a href="mailto:hello@ylim.me">hello@ylim.me</a>
</div>
<div>
<p class="eyebrow">Profile</p>
<a href="https://github.com/Ylim314" target="_blank" rel="noreferrer">github.com/Ylim314</a>
</div>
<div>
<p class="eyebrow">Site</p>
<span>ylim.me</span>
</div>
</footer>
</main>
</body>
</html>