-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
306 lines (290 loc) · 13.3 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
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
<!DOCTYPE HTML>
<html>
<head>
<title>Tsui Hoi Ming | Isaac</title>
<link href="/images/favicon.svg" rel="icon" type="image/svg+xml">
<link href="/images/favicon.png" rel="icon" type="image/png">
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport"/>
<link href="assets/css/main.css" rel="stylesheet"/>
<script>
if (window.location.href.match("http://tsuihoiming.me")) window.location.protocol = 'https:'
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Tsui Hoi Ming</a></h1>
<nav class="links">
<ul>
<li><a href="html/skills.html">Skill Sets</a></li>
<li><a href="html/about.html">About me</a></li>
<li><a href="html/contact.html">Contact</a></li>
</ul>
</nav>
<nav class="main">
<ul>
<li class="menu">
<a class="fa-bars" href="#menu">Menu</a>
</li>
</ul>
</nav>
</header>
<!-- Menu -->
<section id="menu">
<!-- Links -->
<section>
<ul class="links">
<li>
<a href="index.html">
<h3>Landing Page</h3>
</a>
</li>
<li>
<a href="html/skills.html">
<h3>Skill Sets</h3>
</a>
</li>
<li>
<a href="html/about.html">
<h3>About Me</h3>
</a>
</li>
<li>
<a href="html/contact.html">
<h3>Contact</h3>
</a>
</li>
</ul>
</section>
</section>
<!-- Main -->
<div id="main">
<!-- Post: Django -->
<article class="post">
<header>
<div class="title">
<h2><a>[REDACTED] Finance Related: Django Web Dashboard</a></h2>
<p>Python, Django, SQLite</p>
<p>Library: pandas, requests, asyncio...</p>
<p>Other: Bootstrap, twelvedata API, PushShift API, Highcharts</p>
</div>
<div class="meta">
<time class="published" datetime="2021">2021 - 2021</time>
<a class="author" href="html/about.html"><span class="name">Isaac Tsui</span><img
alt="" src="images/Avatar.png"/></a>
</div>
</header>
<a class="image featured"><img alt="" src="images/FrameFYP.png"/></a>
<p>This project aims to gather social sentiments from the internet mainly Reddit, apply machine learning
techniques to predict short-term future stock prices so as to provide user recommendation to which
US-stock they should keep an eye on. <br><br>
Intended Outcome: <strong>A fully responsive web dashboard</strong>, allowing user to view daily most
mentioned stocks, suggested daily stock screening result. Recommend investors respective stock's
investment position, daily stock forcast with trends.
<br><br><strong>Tech-Stack: </strong>Python, Bootstrap, Django, SQLite3.
</p>
<footer>
<ul class="stats">
<li><a>REDACTED</a></li>
<li><a class="icon solid fa-heart"></a></li>
</ul>
</footer>
</article>
<!-- Post: Django-YouTube-Search -->
<article class="post">
<header>
<div class="title">
<h2><a href="https://isaactsui-youtube-search.herokuapp.com/" target="_blank">YouTube Search Web
Application</a></h2>
<p>Python, Django, Heroku</p>
<p>Library: requests</p>
<p>Other: Bootstrap, YouTube API (Google Cloud Platform)</p>
</div>
<div class="meta">
<time class="published" datetime="2021">2021</time>
<a class="author" href="html/about.html"><span class="name">Isaac Tsui</span><img
alt="" src="images/Avatar.png"/></a>
</div>
</header>
<a class="image featured" href="https://isaactsui-youtube-search.herokuapp.com/" target="_blank"><img
alt="" src="images/FrameYT.png"/></a>
<p><strong>Databaseless Django Web Application: </strong>A simple YouTube Searcher, that fetch top 9 videos
based on query. <br><br> Simple bootstrap included: E.g., Cards <br><br> This Project queries/interact
with YouTube API, parsing result such as video id / link / thumbnail / duration.
Finally deployed with Heroku.
</p>
<footer>
<ul class="stats">
<li><a>Web Application</a></li>
<li><a class="icon solid fa-heart"></a></li>
</ul>
</footer>
</article>
<!-- Post: Python Streamlit -->
<article class="post">
<header>
<div class="title">
<h2><a href="https://isaactsui-sl-testing.herokuapp.com/" target="_blank">Reddit Scrapper with
visualization</a></h2>
<p>Python, Heroku</p>
<p>Library: Streamlit, pandas, psaw, yfinace, alpaca_trade_api</p>
</div>
<div class="meta">
<time class="published" datetime="2021">2021</time>
<a class="author" href="html/about.html"><span class="name">Isaac Tsui</span><img
alt="" src="images/Avatar.png"/></a>
</div>
</header>
<a class="image featured" href="https://isaactsui-sl-testing.herokuapp.com/" target="_blank"><img
alt="" src="images/FrameSLReddit.png"/></a>
<p>My <strong>First </strong> web application. Mainly using the streamlit Library as its utilites for
building a web application is rather simple.
Also the wallstreetbets GME incident sparked me to learn more about the finace market. <br><br> The
<strong>data fetching </strong>process uses psaw, while gathering stock prices uses alpaca_trade_api.
<br> For <strong>data visualization, </strong>I used streamlit
built in write function with the help of pandas library. Finally deploying this web application with
Heroku. <br><br> This was a really fun experience!</p>
<footer>
<ul class="stats">
<li><a>Web Application</a></li>
<li><a class="icon solid fa-heart"></a></li>
</ul>
</footer>
</article>
<!-- Post: Design -->
<article class="post">
<header>
<div class="title">
<h2><a href="examples/AwesomeStuff/Curve/index.html" target="_blank">Landing Page Design</a></h2>
<p>HTML, CSS, JavaScript</p>
<p>Tools: Shape Driver, Haikei App, KUTE.js</p>
</div>
<div class="meta">
<time class="published" datetime="2021">2021</time>
<a class="author" href="html/about.html"><span class="name">Isaac Tsui</span><img
alt="" src="images/Avatar.png"/></a>
</div>
</header>
<a class="image featured" href="examples/AwesomeStuff/Curve/index.html" target="_blank"><img
alt="" src="images/FrameCurves.png"/></a>
<p>Curves are nice!</p>
<footer>
<ul class="stats">
<li><a>Design</a></li>
<li><a class="icon solid fa-heart"></a></li>
</ul>
</footer>
</article>
<!-- Post: JavaScript Phaser3 -->
<article class="post">
<header>
<div class="title">
<h2><a href="examples/mmorpg/index.html" target="_blank">MMORPG Web Game</a></h2>
<p>HTML JavaScript Phaser3 Game Design/Logic Map: TILE</p>
</div>
<div class="meta">
<time class="published" datetime="2020-06-06">June 6, 2020</time>
<a class="author" href="html/about.html"><span class="name">Isaac Tsui</span><img
alt="" src="images/Avatar.png"/></a>
</div>
</header>
<a class="image featured" href="examples/mmorpg/index.html" target="_blank"><img
alt="" src="images/FrameMMORPG.png"/></a>
<p>This project is based from Zenva Academy, using JavaScript - Phaser3. Game Map is created using TILE</p>
<footer>
<ul class="stats">
<li><a>Hobby - Coding Practice</a></li>
<li><a class="icon solid fa-heart"></a></li>
</ul>
</footer>
</article>
<!-- Post: Portfolio -->
<article class="post">
<header>
<div class="title">
<h2><a href="index.html">Personal Portfolio</a></h2>
<p>HTML5 CSS JavaScript</p>
<p>Theme: HTML5UP</p>
</div>
<div class="meta">
<time class="published" datetime="2019-12-31">2019 - Current</time>
<a class="author" href="html/about.html"><span class="name">Isaac Tsui</span><img
alt="" src="images/Avatar.png"/></a>
</div>
</header>
<a class="image featured" href="index.html"><img alt="" src="images/FramePersonalProfile.png"/></a>
<p>The fully responsive Portfolio Web Site you are currently visiting on. My portfolio is consistanly being
updated!</p>
<footer>
<ul class="stats">
<li><a>Obsolete</a></li>
<li><a class="icon solid fa-heart"></a></li>
</ul>
</footer>
</article>
<!-- Post: CW3 -->
<article class="post">
<header>
<div class="title">
<h2><a href="/examples/CW3/html/index.html" target="_blank">Web Course Work: Cake Shop Page</a></h2>
<p>HTML5 CSS JavaScript</p>
</div>
<div class="meta">
<time class="published" datetime="2018-12-31">2018</time>
<a class="author" href="html/about.html"><span class="name">Isaac Tsui</span><img
alt="" src="images/Avatar.png"/></a>
</div>
</header>
<a class="image featured" href="/examples/CW3/html/index.html" target="_blank"><img
alt="" src="images/FrameCourseWork.png"/></a>
<p>This is my first ever coding experience in my freshman year. A responsive web site with basic HTML, CSS
and JavaScript knowledge.</p>
<footer>
<ul class="stats">
<li><a>Past Course Work</a></li>
<li><a class="icon solid fa-heart"></a></li>
</ul>
</footer>
</article>
</div>
<!-- Sidebar -->
<section id="sidebar">
<!-- Intro -->
<section id="intro">
<a class="logo"><img alt="" src="images/Avatar.png"/></a>
<header>
<h2>Isaac Tsui</h2>
<p>Software Engineer @ OKX, BSc Computer Science</p>
</header>
</section>
<!-- About -->
<section class="blurb">
<h2>About</h2>
<p>Software Enginner @ OKX</p>
<ul class="actions">
<li><a class="button" href="html/about.html">Learn More</a></li>
</ul>
</section>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<li><a class="icon brands fa-github" href="https://github.com/Icasso" target="_blank"><span
class="label">Github</span></a></li>
<li><a class="icon brands fa-linkedin" href="https://www.linkedin.com/in/tsuihoiming/"
target="_blank"><span class="label">Linkedin</span></a></li>
</ul>
<p class="copyright">© Tsui Hoi Ming. Images: Personal</a>.</p>
</section>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>