-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (145 loc) · 11.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="Website of Sudarsan Padmanabhan shows side projects. Graduated from National University of Singapore (NUS). Web developer and Android nanodegree graduate.">
<meta name="theme-color" content="#3F51B5"/>
<title> Sudarsan GP </title>
<link rel="canonical" href="https://sudarsangp.com"/>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="manifest" href="manifest.json"/>
</head>
<body>
<div class="summary">
<div>
<header>
<div class="name">Hello, my name is <span>Sudarsan GP</span></div>
<div class="intro">I am an enthusiatic full stack developer, passionate about building products</div>
<div class="intro">Feel free to take a look at my latest side projects</div>
<div class="intro">Also you can <a href="mailto:sudarsangp@gmail.com?subject=Website&body=Hello%20Sudarsan," class="email">say hello here</a> or know more about me through</div>
<div class="online-profile">
<a href="https://www.linkedin.com/in/sudarsangp" target="_blank" rel="noopener noreferrer" class="linkedin logo" aria-label="linkedin logo"></a>
<a href="https://twitter.com/gpsudarsan" target="_blank" rel="noopener noreferrer" class="twitter logo" aria-label="twitter logo"></a>
<a href="https://www.quora.com/profile/Sudarsan-Padmanabhan" target="_blank" rel="noopener noreferrer" class="quora logo" aria-label="quora logo"></a>
<a href="https://medium.com/@sudarsangp" target="_blank" rel="noopener noreferrer" class="medium logo" aria-label="medium logo"></a>
<a href="https://github.com/sudarsangp" target="_blank" rel="noopener noreferrer" class="github logo" aria-label="github logo"></a>
<a href="http://stackoverflow.com/users/1591616/sudarsan-gp" target="_blank" rel="noopener noreferrer" class="stackoverflow logo" aria-label="stackoverflow logo"></a>
</div>
<div class="profile-picture">
<div class="flip-container">
<div class="flip-data">
<div class="side">
<img src="media/profile-front.jpeg" alt="profile image front"/>
</div>
<div class="side back">
<img src="media/profile-back.jpeg" alt="profile image back"/>
</div>
</div>
</div>
</div>
</header>
</div>
</div>
<div class="content-container">
<div class="side-project-tech">
<div class="skill-graph">
<img src="media/graph-project-tech.png" alt="side project graph">
<svg width="480" height="400"></svg>
</div>
<div class="side-project-meta">
<h3>Side Project <span class="not-small-screen">Interactive</span> Graph Representation</h3>
<ul>
<li>
<span class="glyphicon glyphicon-chevron-right"></span>
Each node color represents either a side project or technology stack (tech)
</li>
<li>
<span class="glyphicon glyphicon-chevron-right"></span>
Link between nodes (project and tech) highlights tech used in project
</li>
<li>
<span class="glyphicon glyphicon-chevron-right"></span>
Size of side project node represents complexity of side project
</li>
<li>
<span class="glyphicon glyphicon-chevron-right"></span>
Thickness of link indicates depth of skill used in side project
</li>
<li>
<span class="glyphicon glyphicon-chevron-right"></span>
Size of tech node represents my skill level
</li>
</ul>
<div><em>The link between Grocery Deals and Grocery Inventory shows the side projects are related</em></div>
</div>
</div>
<div class="profile">
<h3 class="heading">My Profile</h3>
<div class="details">
<p>I got my <span class="underline">Bachelor of Engineering</span> (<em>Computer Engineering</em>) from <span class="underline">National University of Singapore</span></p>
<p>During univeristy I did internships at <span class="underline">Jublia</span> (<em>intern #1 at this startup</em>) and <span class="underline">Autodesk</span> in Singapore</p>
<p>Immediately after graduation I enrolled in <span class="underline">Android Developer Nanodegree</span> (offered by Udacity)</p>
<p>I believe I am a lifelong learner and I end up signing up for more courses than I can complete</p>
<p>You can learn more through my <a href="https://profiles.udacity.com/u/sudarsangp" target="_blank" rel="noopener noreferrer">udacity</a>, <a href="https://codepen.io/sudarsangp/" target="_blank" rel="noopener noreferrer">codepen</a>, <a href="https://www.coursera.org/user/712eb7d1d4b8ce26ff458297f9750169" target="_blank" rel="noopener noreferrer">coursera</a>, <a href="https://www.codecademy.com/sudarsangp" target="_blank" rel="noopener noreferrer">codeacademy</a> and <a href="https://www.udemy.com/user/sudarsangp/" target="_blank" rel="noopener noreferrer">udemy</a> profiles</p>
</div>
</div>
<div class="project-details">
<h3>My Side Projects after Graduation</h3>
<h4><a href="https://dayatwork.info/" target="_blank" rel="noopener noreferrer">Day at Work</a></h4>
<p>Explore what people do at work across industries around the world.</p>
<iframe class="youtube-embed" width="560" height="315" src="" data-src="https://www.youtube.com/embed/i5LKGb-3tkc?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="Day at Work"></iframe>
<h4><a href="https://www.youtube.com/watch?v=s1UeHNsYaLg" target="_blank" rel="noopener noreferrer">Grocery Inventory</a></h4>
<p>Uses <span class="underline">Computer Vision</span> and <span class="underline">Deep Learning</span> to detect grocery products through camera.</p>
<iframe class="youtube-embed" width="560" height="315" src="" data-src="https://www.youtube.com/embed/s1UeHNsYaLg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="Grocery Inventory"></iframe>
<h4><a href="https://grocerydeals.sg/" target="_blank" rel="noopener noreferrer">Grocery Deals</a></h4>
<p><span class="underline">Location based deals</span> discovery platform for <span class="underline">small businesses</span> in Singapore</p>
<p><em>more than 260 unique users from Singapore (320+ including other countries)</em></p>
<img src="media/grocery-deals-screenshot.png" alt="grocery deals screenshot">
<h4><a href="https://developer-hireable.firebaseapp.com/" target="_blank" rel="noopener noreferrer">Developer Hireable</a></h4>
<p>To check whether developer is available for hire through Github username</p>
<p><em>more than 150 unique username searches</em></p>
<img src="media/developer-hireable-screenshot.png" alt="developer hireable screenshot">
<h4><a href="https://chrome.google.com/webstore/detail/blinkr/dekahfgjibblkpibifmmhblokkdgdoef" target="_blank" rel="noopener noreferrer">Blinkr Chrome Extension</a></h4>
<p>Chrome extension which reminds you to blink your eye at regular interval.</p>
<p><em>used by users from 31 countries</em></p>
<img src="media/blinkr-settings-screenshot.png" alt="blinkr screenshot">
<h4><a href="https://assistant.google.com/services/a/uid/000000f14a75d06e" target="_blank" rel="noopener noreferrer">Company CEO Quiz</a></h4>
<p>Lets you learn about CEO of companies around the world</p>
<img src="media/company-ceo-quiz-screenshot.png" alt="company ceo quiz screenshot">
<h4><a href="https://www.youtube.com/watch?v=j16iNuhiyQU" target="_blank" rel="noopener noreferrer">Haibt Streak App</a></h4>
<p>Android app to keep track and to continue habit streak</p>
<iframe class="youtube-embed" width="560" height="315" src="" data-src="https://www.youtube.com/embed/j16iNuhiyQU?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="Haibt Streak App"></iframe>
</div>
<div class="project-details">
<h3>University Projects and Side Projects</h3>
<h4><a href="https://www.youtube.com/watch?v=PRhmn9CB5c4" target="_blank" rel="noopener noreferrer">Monitoring and Visualization Tool for Apache Storm</a></h4>
<p>Tool to understand custom metrics based on measurement results for <span class="underline">Apache Storm</span></p>
<iframe class="youtube-embed" width="560" height="315" src="" data-src="https://www.youtube.com/embed/PRhmn9CB5c4?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="Apache Storm"></iframe>
<h4><a href="https://sudarsangp.github.io/" target="_blank" rel="noopener noreferrer">Tutorial on Apache Storm Concepts</a></h4>
<p>A short 7-minute tutorial to understand basic concepts in Apache Storm</p>
<iframe class="custom-embed" src="" data-src="https://sudarsangp.github.io/#2" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen title="Tutorial on Apache Storm Concepts"></iframe>
<h4><a href="https://www.youtube.com/watch?v=H5hiSdA_6xU" target="_blank" rel="noopener noreferrer">Hackatron Asia Card Game</a></h4>
<p>Real-time multiplayer card game with paypal integration</p>
<iframe class="youtube-embed" width="560" height="315" src="" data-src="https://www.youtube.com/embed/H5hiSdA_6xU?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="Hackatron Asia Card Game"></iframe>
<h4><a href="https://www.youtube.com/watch?v=UO2clMJCd1M" target="_blank" rel="noopener noreferrer">Visual IDE</a></h4>
<p>Web based visual drag-and-drop IDE which lets users easily construct and execute programs</p>
<iframe class="youtube-embed" width="560" height="315" src="" data-src="https://www.youtube.com/embed/UO2clMJCd1M?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="Visual IDE"></iframe>
<h4><a href="https://www.youtube.com/watch?v=xcj85avXOnk" target="_blank" rel="noopener noreferrer">Module Quiz Web Application</a></h4>
<p>Application to stay in touch with concepts learnt during modules</p>
<iframe class="youtube-embed" width="560" height="315" src="" data-src="https://www.youtube.com/embed/xcj85avXOnk?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="Module Quiz Web Application"></iframe>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43116615-4', 'sudarsangp.com');
ga('set', 'transport', 'beacon');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</body>
</html>