-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (123 loc) · 6.17 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
<!DOCTYPE HTML>
<html>
<head>
<title>K Alages Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>Alages
Projects</h1>
<p>'If opportunity doesn't knock, build a door' - Milton Berle</p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Projects</a>
</header>
<!-- Main -->
<div id="main">
<!-- Featured Post
<article class="post featured">
<header class="major">
<h2><a href="https://t.me/virus19_update_bot">COVID-19 Telegram Bot</a></h2>
<p>A Telegram Bot built to consolidate news and statistics surrounding COVID-19 in Singapore and around the world. I built it using
pyTelegramBotAPI, and hosted it using Heroku. I scraped reddit for the news sources, and called an external API to generate the statistics
seen in the video demonstration.
</p>
</header>
<a href="https://www.youtube.com/watch?v=g41lTz3fN94" class="image fit"><img src="images/covid.png" alt="" /></a>
<ul class="actions special">
<li><a href="https://www.youtube.com/watch?v=g41lTz3fN94" class="button large">Video Demo</a></li>
<li><a href="https://t.me/virus19_update_bot" class="button large">Telegram Bot Link</a></li>
</ul>
</article>
-->
<!-- Posts -->
<section class="posts">
<article class=>
<header>
<h2><a href="https://t.me/virus19_update_bot">COVID-19 Telegram Bot</a></h2>
</header>
<a href="https://www.youtube.com/watch?v=g41lTz3fN94" class="image fit"><img src="images/covid.png" alt="" /></a>
<p>A Telegram Bot built to consolidate news and statistics surrounding COVID-19 in Singapore and around the world. I built it using
pyTelegramBotAPI, and hosted it using Heroku. I scraped reddit for the news sources, and called an external API to generate the statistics
seen in the video demonstration.
</p>
<ul class="actions special">
<li><a href="https://www.youtube.com/watch?v=g41lTz3fN94" class="button large">Video Demo</a></li>
<li><a href="https://t.me/virus19_update_bot" class="button large">Telegram Bot Link</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://food-log.now.sh/">Alages' Food Log Website</a></h2>
</header>
<a href="https://food-log.now.sh/" class="image fit"><img src="images/food-log.png" alt="" /></a>
<p>A basic website built with React, Node.js and MongoDB, to serve as
a personal food log!
</p>
<ul class="actions special">
<li><a href="https://food-log.now.sh/" class="button large">Website</a></li>
<li><a href="https://github.com/alages97/food_log" class="button large">Github</a></li>
<li><a href="https://www.youtube.com/watch?v=y8CfjnRR-Rk" class="button large">Video Demo</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://www.youtube.com/watch?v=Z1xhqTdOxFk">NLP Contract translation telegram bot</a></h2>
</header>
<a href="https://www.youtube.com/watch?v=Z1xhqTdOxFk" class="image fit"><img src="images/four.png" alt="" /></a>
<p>Four is a telegram bot created to help the layman simplify legal clauses that appear in a typical employment contract.</p>
<ul class="actions special">
<ul class="actions special">
<li><a href="https://github.com/alages97/contract_translation" class="button large">Github</a></li>
<li><a href="https://www.youtube.com/watch?v=Z1xhqTdOxFk" class="button large">Video Demo</a></li>
</ul>
</ul>
</article>
<article>
<header>
<h2><a href="https://www.youtube.com/watch?v=SOk5hkZfYVs">Restore, a finance tracking application</a></h2>
</header>
<a href="https://www.youtube.com/watch?v=SOk5hkZfYVs" class="image fit"><img src="images/restore.png" alt="" /></a>
<p>ReStore is a mobile application, and it aims to store all of the user's physical and e-receipt information in one place, while also providing expenditure analysis.</p>
<ul class="actions special">
<li><a href="https://github.com/alages97/restoreorbital" class="button large">Github</a></li>
<li><a href="https://www.youtube.com/watch?v=SOk5hkZfYVs" class="button large">Video Demo</a></li>
</ul>
</article>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h3>Social</h3>
<ul class="icons">
<li><a href="https://www.facebook.com/all.ages1" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/alagez_" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/alages97" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="https://www.linkedin.com/in/k-alages-203b49190/" class="icon brands fa-linkedin"><span class="label">Github</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
</section>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>