-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
295 lines (279 loc) · 17 KB
/
Copy pathindex.html
File metadata and controls
295 lines (279 loc) · 17 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Portfolio of Ananthu S — software engineering undergraduate building practical software systems across Android, AI, machine learning, and IoT."
/>
<meta name="theme-color" content="#111a27" />
<meta name="robots" content="index, follow" />
<meta property="og:title" content="Ananthu S — practical software systems" />
<meta property="og:description" content="Portfolio of Ananthu S focused on Android, AI, machine learning, IoT, and practical engineering work." />
<meta property="og:type" content="website" />
<title>Ananthu S — practical software systems</title>
<link rel="canonical" href="https://ananthus.in/" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<a class="skip-link" href="#main-content">Skip to content</a>
<div class="page-noise" aria-hidden="true"></div>
<div class="cursor-light" aria-hidden="true"></div>
<header class="site-header" data-header>
<a class="brand" href="#top" aria-label="Ananthu S home">
<span class="brand-mark" aria-hidden="true">A<span>/</span>S</span>
<span class="brand-wordmark">Ananthu<br />S</span>
</a>
<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="site-nav" data-menu-toggle>
<span class="sr-only">Open navigation</span>
<span></span><span></span>
</button>
<nav class="site-nav" id="site-nav" aria-label="Main navigation" data-nav>
<a href="#about">About</a>
<a href="#work">Work</a>
<a href="#journey">Journey</a>
<a href="resume.html">Resume</a>
<a href="#contact" class="nav-contact">Let’s talk <span aria-hidden="true">↗</span></a>
</nav>
</header>
<main id="main-content">
<section class="hero" id="top" aria-labelledby="hero-title">
<div class="hero-copy reveal">
<p class="eyebrow"><span class="status-dot"></span>Software engineering undergraduate · Calicut, Kerala</p>
<h1 id="hero-title">Building <span>practical</span><br />software <em>that works.</em></h1>
<p class="hero-intro">
I work across Android development, AI, machine learning, IoT, and practical software systems. I’m most interested in projects where code meets real hardware, real data, or real people.
</p>
<div class="hero-actions">
<a class="button button-primary" href="#work">Explore selected work <span aria-hidden="true">↓</span></a>
<a class="button button-secondary" href="Ananthu%20S.pdf" download>Download resume <span aria-hidden="true">↓</span></a>
<a class="text-link" href="https://github.com/ATU-S" target="_blank" rel="noreferrer">GitHub <span aria-hidden="true">↗</span></a>
</div>
</div>
<div class="hero-art reveal reveal-delay" aria-label="An animated abstract system map" role="img">
<div class="orbit orbit-one"></div>
<div class="orbit orbit-two"></div>
<div class="orbit orbit-three"></div>
<div class="signal-node node-one"><span></span></div>
<div class="signal-node node-two"><span></span></div>
<div class="signal-node node-three"><span></span></div>
<div class="signal-node node-four"><span></span></div>
<div class="system-card main-system-card">
<span class="card-label">SYSTEM / 01</span>
<span class="system-word">BUILD</span>
<span class="system-detail">code · circuits · care</span>
</div>
<div class="system-card mini-system-card">
<span class="mini-code">010<br />101<br />001</span>
<span class="mini-pulse"></span>
</div>
<div class="art-caption">SIGNAL<br />FOUND</div>
</div>
<a class="scroll-cue" href="#about" aria-label="Scroll to about section">
<span>Scroll to decode</span><i aria-hidden="true">↓</i>
</a>
</section>
<section class="about section-grid" id="about" aria-labelledby="about-title">
<div class="section-index reveal"><span>01</span><span>About</span></div>
<div class="about-content">
<h2 id="about-title" class="display-copy reveal">
I like starting with a real problem and following it through to a working system.
</h2>
<div class="about-detail reveal">
<p>
I enjoy understanding the problem before I write code. That usually means reading the context, trying to see how the system should behave, and then building something that can actually be used.
</p>
<p>
I’m comfortable moving between software and hardware, and I prefer complete working systems over isolated demos. I also learn best by building things, breaking them, and improving them over time.
</p>
</div>
<div class="about-philosophy reveal">
<div><strong>Understand first</strong><span>Real constraints matter more than clever shortcuts.</span></div>
<div><strong>Connect the pieces</strong><span>Mobile, data, and hardware often belong in the same build.</span></div>
<div><strong>Keep iterating</strong><span>Projects get better when I test them with real use.</span></div>
</div>
</div>
</section>
<section class="capabilities" aria-labelledby="capabilities-title">
<div class="section-heading reveal">
<p class="section-kicker">02 / core technologies</p>
<h2 id="capabilities-title">A practical <em>toolkit.</em></h2>
<p>Just the tools that show up in real projects and real builds.</p>
</div>
<div class="capability-grid">
<article class="capability-card card-orange reveal">
<span class="capability-number">01</span>
<div class="capability-icon icon-code" aria-hidden="true"><i></></i></div>
<h3>Programming</h3>
<p>Core languages I use for application logic, automation, and embedded work.</p>
<ul class="chip-list" aria-label="Programming languages">
<li>Python</li><li>Kotlin</li><li>Java</li><li>C</li><li>Embedded C</li>
</ul>
</article>
<article class="capability-card card-blue reveal reveal-delay">
<span class="capability-number">02</span>
<div class="capability-icon icon-signal" aria-hidden="true"><i></i><i></i><i></i></div>
<h3>Machine learning</h3>
<p>Used in experimental builds and small deployed systems.</p>
<ul class="chip-list" aria-label="Machine learning tools">
<li>TensorFlow Lite</li><li>Random Forest</li><li>Scikit-learn</li>
</ul>
</article>
<article class="capability-card card-lime reveal reveal-delay-2">
<span class="capability-number">03</span>
<div class="capability-icon icon-box" aria-hidden="true"><i></i></div>
<h3>Mobile & tools</h3>
<p>Android-focused work with the tools I use every day.</p>
<ul class="chip-list" aria-label="Mobile and tooling">
<li>Android</li><li>Android Studio</li><li>VS Code</li><li>Git</li><li>Linux</li>
</ul>
</article>
</div>
</section>
<section class="work" id="work" aria-labelledby="work-title">
<div class="work-heading section-grid">
<div class="section-index reveal"><span>03</span><span>Selected work</span></div>
<div class="reveal">
<p class="section-kicker">Projects / in the field</p>
<h2 id="work-title">Ideas, given a<br /><em>working pulse.</em></h2>
</div>
</div>
<div class="project-list">
<article class="project project-featured reveal">
<div class="project-overline"><span>01 / 2026</span><span>ML · Android</span></div>
<div class="project-copy">
<p class="project-type">ML-based Android application</p>
<h3>Digital<br /><em>Behaviors</em></h3>
<p class="project-summary">
A mobile app that looks at device use patterns and turns them into a clearer view of daily habits.
</p>
<ul class="project-points">
<li>Built around Android with a lightweight machine learning workflow</li>
<li>Focused on a simple, private experience for exploring behavioral patterns</li>
</ul>
<div class="project-links">
<a class="button button-dark" href="projects/digital-behaviors.html">View project details <span aria-hidden="true">↗</span></a>
<a class="text-link text-link-light" href="https://github.com/ATU-S/digital-behaviors" target="_blank" rel="noreferrer">Source ↗</a>
</div>
</div>
<div class="phone-stage" aria-hidden="true">
<div class="orbit-small orbit-small-a"></div><div class="orbit-small orbit-small-b"></div>
<div class="phone-shell">
<div class="phone-top"><span></span><i></i></div>
<div class="phone-screen">
<p>digital / behavior</p>
<strong>72<span>%</span></strong>
<small>today’s focus score</small>
<div class="screen-chart"><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
<div class="screen-row"><span>screen time</span><b>4h 12m</b></div>
<div class="screen-row"><span>unlock count</span><b>38</b></div>
</div>
</div>
<div class="project-sticker">01<br />signal<br />reader</div>
</div>
</article>
<div class="project-pair">
<article class="project project-compact project-waste reveal">
<div class="compact-topline"><span>02 / 2025</span><span>IoT</span></div>
<div class="bin-illustration" aria-hidden="true">
<div class="bin-lid"></div><div class="bin-body"><span></span><span></span><span></span></div>
<div class="scan-line"></div><i class="sensor-dot sensor-a"></i><i class="sensor-dot sensor-b"></i>
</div>
<p class="project-type">IoT-based waste segregation</p>
<h3>Smart<br /><em>Waste Bin</em></h3>
<p>Embedded work for sorting waste with sensors and simple control logic.</p>
<div class="compact-footer"><span>Embedded C · Arduino</span><a href="projects/smart-waste-bin.html" aria-label="View Smart Waste Bin details">↗</a></div>
</article>
<article class="project project-compact project-kart reveal reveal-delay">
<div class="compact-topline"><span>03 / 2024</span><span>Mobile app</span></div>
<div class="kart-illustration" aria-hidden="true">
<div class="kart-card card-one"></div><div class="kart-card card-two"></div><div class="kart-card card-three"></div>
<div class="kart-route"><i></i><i></i><i></i></div><div class="kart-cart">⌑</div>
</div>
<p class="project-type">Smart store management</p>
<h3>E-<em>KART</em></h3>
<p>Interactive mobile app work for inventory, recommendations, and nearby store comparisons.</p>
<div class="compact-footer"><span>Python · Kivy</span><a href="projects/e-kart.html" aria-label="View E-KART details">↗</a></div>
</article>
</div>
</div>
</section>
<section class="journey section-grid" id="journey" aria-labelledby="journey-title">
<div class="section-index reveal"><span>04</span><span>Journey</span></div>
<div class="journey-main">
<div class="reveal">
<p class="section-kicker">The work behind the work</p>
<h2 id="journey-title">Learning by<br /><em>making it real.</em></h2>
</div>
<div class="timeline">
<article class="timeline-item reveal">
<div class="timeline-date">Sep—Nov / 2024</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>Machine Learning Intern <span>at Yhills</span></h3>
<p><strong>What I worked on:</strong> Built and tested Python-based machine learning workflows for data preparation and model evaluation.</p>
<p><strong>Technologies used:</strong> Python and practical machine learning experimentation.</p>
<p><strong>What I learned:</strong> How to move from an idea to a repeatable experiment without overcomplicating it.</p>
</div>
</article>
<article class="timeline-item reveal">
<div class="timeline-date">May / 2023</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>Python Automation Intern <span>at Propulsion System</span></h3>
<p><strong>What I worked on:</strong> Automated repetitive system workflows with Python to reduce manual effort.</p>
<p><strong>Technologies used:</strong> Python scripting and workflow automation.</p>
<p><strong>What I learned:</strong> How small, reliable scripts can save time and make a process more dependable.</p>
</div>
</article>
<article class="timeline-item timeline-current reveal">
<div class="timeline-date">Now / 2026</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>Technology Lead <span>at IEDC, KMCT</span></h3>
<p><strong>What I worked on:</strong> Support student prototypes, guide technical decisions, and help turn ideas into working systems.</p>
<p><strong>Technologies used:</strong> Android, embedded tools, and practical prototyping workflows.</p>
<p><strong>What I learned:</strong> How to balance experimentation with clarity and delivery when building with a team.</p>
</div>
</article>
</div>
</div>
</section>
<section class="credentials" aria-labelledby="credentials-title">
<div class="credentials-intro reveal">
<p class="section-kicker">05 / foundation</p>
<h2 id="credentials-title">Still learning.<br /><em>Already building.</em></h2>
<div class="activity-note"><span class="activity-star">✳</span><p>Hackathon participant<br /><strong>Community Digital Learning Space / 2025</strong></p></div>
</div>
<div class="credentials-content">
<div class="education-list">
<article class="education-item reveal"><span class="education-year">2027</span><div><h3>B.Tech in Computer Science & Engineering</h3><p>KMCT College of Engineering</p></div><strong>7.5<span>CGPA</span></strong></article>
<article class="education-item reveal"><span class="education-year">2024</span><div><h3>Diploma in Computer Hardware Engineering</h3><p>KMCT Polytechnic College</p></div><strong>8.52<span>CGPA</span></strong></article>
<article class="education-item reveal"><span class="education-year">2023</span><div><h3>Diploma in Computer Application</h3><p>SCOLE Kerala</p></div><strong class="education-plus">+</strong></article>
</div>
<div class="certification-shelf reveal">
<span class="shelf-label">Certification shelf</span>
<a href="https://www.netacad.com/" target="_blank" rel="noreferrer">Ethical Hacking <i>—</i> Cisco Networking Academy</a>
<span>Gen-AI <i>—</i> NIT Calicut</span>
<span>Hacker Toolkit <i>—</i> Offense Hacker Academy</span>
</div>
</div>
</section>
<section class="contact" id="contact" aria-labelledby="contact-title">
<div class="contact-orbit" aria-hidden="true"><span>let’s build · let’s build · let’s build · </span></div>
<div class="contact-inner reveal">
<p class="section-kicker">06 / contact</p>
<h2 id="contact-title">Have something practical in mind?<br /><em>Let’s talk it through.</em></h2>
<a class="email-link" href="mailto:ananthus1687@gmail.com">ananthus1687@gmail.com <span aria-hidden="true">↗</span></a>
<div class="contact-bottom">
<p>Calicut, Kerala · India</p>
<div class="social-links"><a href="https://www.linkedin.com/in/atu-s" target="_blank" rel="noreferrer">LinkedIn</a><a href="https://github.com/ATU-S" target="_blank" rel="noreferrer">GitHub</a><a href="tel:+919400642545">+91 94006 42545</a></div>
</div>
</div>
</section>
</main>
<footer class="site-footer"><span>© <span data-year></span> Ananthu S</span><span>Designed around useful systems.</span><a href="#top">Back to top ↑</a></footer>
<script src="app.js"></script>
</body>
</html>