PageSourceSearch

https://sarthak-mittal.github.io/

html sarthak-mittal.github.io collected 2026-10-03 09:54:01 UTC 19,847 bytes, 375 lines download raw bytes

1<!DOCTYPE HTML>
2<html>
3
4<head>
5    <title>Sarthak Mittal</title>
6    <meta charset="utf-8" />
7    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
8    <link rel="stylesheet" href="assets/css/main.css" />
9    <link rel="icon" href="./assets/favicon/favicon.ico" type="image/gif" sizes="16x16">
10</head>
11
12<body class="is-preload">
13
14    <section id="header">
15        <header>
16            <span class="image avatar"><img src="images/SarthakMittal.jpeg" alt="" /></span>
17            <h1 id="logo">Sarthak Mittal</h1>
18        </header>
19        <nav id="nav">
20            <ul>
21                <li><a href="#one" class="active">:D</a></li>
22                <li><a href="#two">A Few Words About Me</a></li>
23                <li><a href="#three">Some Of My Works</a></li>
24            </ul>
25        </nav>
26        <footer>
27            <a href="./assets/docs/Resume - Sarthak Mittal.pdf" target="_blank">View My Resume (pdf)</a>
28        </footer>
29    </section>
30
31    <div id="wrapper">
32
33        <div id="main">
34
35            <!-- One -->
36            <section id="one">
37                <div class="container">
38                    <header class="major">
39                        <h2>Hello! </h2>
40                        <p>My name is Sarthak.</p>
41                    </header>
42                    <p>My passion is creating. <br>I prefer to keep learning, continue challenging myself, and do interesting things that matter.</p>
43                    <p>Shoot me an email at <b><span id='mailMe'>[email protected]</b></p>
44
45                    <ul class="icons">
46                        <li>
47                            <a href="https://www.linkedin.com/in/sarthakmittal9/" class="icon brands fa-linkedin-in">
48                                <span class="label">Linkedin</span></a>
49                        </li>
50                        <li>
51                            <a href="https://github.com/Sarthak-Mittal" class="icon brands fa-github">
52                                <span class="label">Github</span></a>
53                        </li>
54                        <li>
55                            <a href="https://www.behance.net/sarthakmittal" class="icon brands fa-behance">
56                                <span class="label">Behance</span></a>
57                        </li>
58                        <li>
59                            <a href="https://dribbble.com/sarthakmittal" class="icon brands fa-dribbble">
60                                <span class="label">Dribbble</span></a>
61                        </li>
62                        <li>
63                            <a href="https://www.instagram.com/sarthak.mittal/" class="icon brands fa-instagram">
64                                <span class="label">Instagram</span></a>
65                        </li>
66                        <li>
67                            <a href="https://sarthak-mittal.medium.com/" class="icon brands fab fa-medium-m">
68                                <span class="label">Medium</span></a>
69                        </li>
70                        <li>
71                            <a href="https://www.goodreads.com/user/show/55630060-sarthak-mittal" class="icon brands fa-goodreads-g">
72                                <span class="label">Goodreads</span></a>
73                        </li>
74                        <li>
75                            <a href="https://www.strava.com/athletes/17422136" class="icon brands fa-strava">
76                                <span class="label">Strava</span></a>
77                        </li>
78                    </ul>
79                    <span>
80						<a href="./assets/docs/Resume - Sarthak Mittal.pdf" target="_blank"><u>View My Resume (pdf)</u></a>
81					</span>
82                </div>
83            </section>
84
85
86            <!-- Two -->
87            <section id="two">
88                <div class="container">
89                    <h3>A Few Words About Me</h3>
90                    <p>I’m currently working as a Team Leader at
91                        <a href="https://newgensoft.com/" target="_blank"><u>Newgen Software Technologies</u></a>  where I am writing Java and Angular to build workflow management products and guiding team along the way.
92                    </p>
93                    <p>
94                        Before starting to work full time, I interned with Newgen Software Technologies as a Software Engineering Intern and graduated in the Summer of 2018 from
95                        <a href="https://snu.edu.in/" target="_blank"><u>Shiv Nadar University</u></a>, Dadri, India.
96                    </p>
97                    <p>
98                        Out of interest and curiosity, I have (little) experience with Designing Products and Interfaces through my pursuit of a Minor Degree in Design during my undergrad at Shiv Nadar University. I have studied a few MOOCs on User Interface and User Experience
99                        Design. Also, I earned a User Interface Design Specialization through MOOCs offered by University of Minnesota listed on Coursera.
100                    </p>
101                    <p>I live and work in Delhi-NCR, India. I get adrenaline rush when coding games as my side projects. I like to sketch and illustrate digital art works. I am a long distance running and cycling junkie.
102                    </p>
103                </div>
104            </section>
105
106            <!-- Three -->
107            <section id="three">
108                <div class="container">
109                    <h3>Some Of My Works</h3>
110                    <p>Here are the few of my favoutite works.</p>
111                    <div class="features">
112                        <article>
113                            <a href="https://github.com/Sarthak-Mittal/infinity-quiz" class="image" target="_blank"><img src="images/infinityQuiz.JPG" alt="" /></a>
114                            <div class="inner">
115                                <h4>Infinity Quiz</h4>
116                                <p>Quiz app made in Angular using Material Design.</a>.
117                                    <br>
118                                    <span class="hashtags">
119									#TriviaAPI
120									&nbsp&nbsp&nbsp
121									#Angular
122									&nbsp&nbsp&nbsp
123									#MaterialDesign
124								</span>
125                                </p>
126                                <a href='https://sarthak-mittal.github.io/infinity-quiz/' target="_blank">
127                                    <button class='btn'>Play</button>
128                                </a>
129                                <a href='https://github.com/Sarthak-Mittal/infinity-quiz' target="_blank">
130                                    <button class='btn'>
131										<span class="icon brands fa-github"></span> &nbspSee code
132									</button>
133                                </a>
134                            </div>
135                        </article>
136                        <article>
137                            <a href="https://github.com/Sarthak-Mittal/ifsc" class="image" target="_blank"><img src="images/ifsc_homepage.JPG" alt="" /></a>
138                            <div class="inner">
139                                <h4>IFSC: Indian Financial System Code</h4>
140                                <p>A web app to query bank details based on IFSC code. Client implementation for <a href="https://github.com/razorpay/ifsc" target="_blank"><u>RazorPay IFSC API</u></a>.
141                                    <br>
142                                    <span class="hashtags">
143									#API-Client
144									&nbsp&nbsp&nbsp
145									#Hacktoberfest
146									&nbsp&nbsp&nbsp
147									#Angular
148								</span>
149                                </p>
150                                <a href='https://sarthak-mittal.github.io/ifsc/' target="_blank">
151                                    <button class='btn'>Try it out</button>
152                                </a>
153                                <a href='https://github.com/Sarthak-Mittal/ifsc' target="_blank">
154                                    <button class='btn'>
155										<span class="icon brands fa-github"></span> &nbspSee code
156									</button>
157                                </a>
158                            </div>
159                        </article>
160                        <article>
161                            <a href="https://github.com/Sarthak-Mittal/sudoku" class="image" target="_blank"><img src="images/sudoku.JPG" alt="" /></a>
162                            <div class="inner">
163                                <h4>Sudoku</h4>
164                                <p>A Minimalist PWA Sudoku game board developed in <a href="https://angular.io/" target="_blank"><u>Angular</u></a>. This can be played in browser or installed as Progressive Web App.
165                                    <br>
166                                    <span class="hashtags">
167									#Game
168									&nbsp&nbsp&nbsp
169									#GameDevelopment
170									&nbsp&nbsp&nbsp
171									#Angular
172								</span>
173                                </p>
174                                <a href='https://sarthak-mittal.github.io/sudoku' target="_blank">
175                                    <button class='btn'>Play</button>
176                                </a>
177                                <a href='https://github.com/Sarthak-Mittal/sudoku' target="_blank">
178                                    <button class='btn'>
179										<span class="icon brands fa-github"></span> &nbspSee code
180									</button>
181                                </a>
182                            </div>
183                        </article>
184                        <article>
185                            <a href="https://chain-reaction.stackblitz.io" class="image" target="_blank"><img src="images/ChainReaction.JPG" alt="" /></a>
186                            <div class="inner">
187                                <h4>Chain Reaction - A Strategy Game</h4>
188                                <p>A strategy game for 2 players built in <a href="https://reactjs.org/" target="_blank"><u>React</u></a>. This can be played in browser.
189                                    <br>
190                                    <span class="hashtags">
191									#Game
192									&nbsp&nbsp&nbsp
193									#GameDevelopment
194									&nbsp&nbsp&nbsp
195									#React 
196								</span>
197                                </p>
198                                <a href='https://chain-reaction.stackblitz.io' target="_blank">
199                                    <button class='btn'>Play</button>
200                                </a>
201                                <a href='https://github.com/Sarthak-Mittal/chain-reaction' target="_blank">
202                                    <button class='btn'>
203										<span class="icon brands fa-github"></span> &nbspSee code
204									</button>
205                                </a>
206                                <a href='https://medium.com/@sarthakmittal20/chain-reaction-a-game-in-react-61215dcc7f46?source=friends_link&sk=099dc7ced91812d7a632443790b48d89' target="_blank">
207                                    <button class='btn'>
208											<i class="fab fa-medium-m"></i> &nbspRead more
209										</button>
210                                </a>
211
212                            </div>
213                        </article>
214                        <article>
215                            <a href="https://www.behance.net/gallery/72856909/Adobe-Logo-Redesign" class="image" target="_blank"><img src="images/AdobeLogo.jpg" alt="" /></a>
216                            <div class="inner">
217                                <h4>Adobe Logo Redesign</h4>
218                                <p>I feel the current logo of <a href="https://www.adobe.com/" target="_blank"><u>Adobe</u></a> does not accurately describe the domain of organization. I have redesigned their logo.
219                                    <br>
220                                    <span class="hashtags">
221										#Design
222										&nbsp&nbsp&nbsp
223										#Rebranding 
224										&nbsp&nbsp&nbsp 
225										#Logodesign
226									</span>
227                                </p>
228                                <a href='https://www.behance.net/gallery/72856909/Adobe-Logo-Redesign' target="_blank">
229                                    <button class='btn'>See work</button>
230                                </a>
231                            </div>
232                        </article>
233                        <article>
234                            <a href="https://www.behance.net/gallery/72899367/Inktober-2018-Cariclatures" class="image" target="_blank"><img src="images/Caricature.png" alt="" /></a>
235                            <div class="inner">
236                                <h4>Inktober 2018 - Cariclatures</h4>
237                                <p>This is a compilation of caricatures I did in October month of 2018, under this drawing challenge called <a href="https://inktober.com/" target="_blank"><u>Inktober</u></a>
238                                    <br>
239                                    <span class="hashtags">
240										#Sketch
241										&nbsp&nbsp&nbsp
242										#Caricatures 
243										&nbsp&nbsp&nbsp
244										#Inktober 
245									</span>
246                                </p>
247                                <a href='https://www.behance.net/gallery/72899367/Inktober-2018-Cariclatures' target="_blank">
248                                    <button class='btn'>See work</button>
249                                </a>
250                            </div>
251                        </article>
252
253                        <article>
254                            <a href="https://www.behance.net/gallery/92295819/Marvel-Superheroes-A-Quickie-series" class="image" target="_blank"><img src="images/MCU.png" alt="" /></a>
255                            <div class="inner">
256                                <h4>Marvel Cinematic Universe - Illustrations</h4>
257                                <p>Here are some of my favorite Superheroes from the
258                                    <a href="https://en.wikipedia.org/wiki/Marvel_Cinematic_Universe" target="_blank">
259                                        <u>Marvel Cinematic Universe</u>
260                                    </a>. They are from the series I call 'Quickie' because I meant to keep them simple.
261                                    <br>
262                                    <span class="hashtags">
263										#Illustrations
264										&nbsp&nbsp&nbsp
265										#VectorArt 
266										&nbsp&nbsp&nbsp
267										#GraphicDesign 
268									</span>
269                                </p>
270                                <a href='https://www.behance.net/gallery/92295819/Marvel-Superheroes-A-Quickie-series' target="_blank">
271                                    <button class='btn'>See work</button>
272                                </a>
273                            </div>
274                        </article>
275
276                        <article>
277                            <a href="" class="image" target="_blank">
278                                <img src="images/SmellyShoe.JPG" alt="" />
279                            </a>
280                            <div class="inner">
281                                <h4>Research Paper - Smelly Shoes – An Opportunity for Shoe Rack Re-design</h4>
282                                <p> This paper is focused on understanding how foul smell affects the users’ experience of using shoe-racks, and reports a pilot study conducted to understand the severity of the problem.
283                                    <br>
284                                    <span class="hashtags">
285										 #ResearchPaper
286										 &nbsp&nbsp&nbsp
287										 #ProductDesign 
288										 &nbsp&nbsp&nbsp
289										 #Ergonomics 
290									 </span>
291                                </p>
292                                <a href='./assets/docs/Smelly Shoes – An Opportunity for Shoe Rack Re-design.pdf' target="_blank">
293                                    <button class='btn'>Read Paper</button>
294                                </a>
295                            </div>
296                        </article>
297
298
299                        <article>
300                            <a href="" class="image" target="_blank">
301                                <img src="images/arthritis.jpg" alt="" />
302                            </a>
303                            <div class="inner">
304                                <h4>Research Paper - Knee Arthritis Related Issues</h4>
305                                <p> This paper discusses different ill-effect of
306                                    <a href="https://en.wikipedia.org/wiki/Arthritis" target="_blank">
307                                        <u>Arthritis</u>
308                                    </a>
309                                    on the physical and psychological health of elderly and finally concludes with directions for future work to address the related issues.
310                                    <br>
311                                    <span class="hashtags">
312										#ResearchPaper
313										&nbsp&nbsp&nbsp
314										#ProductDesign 
315										&nbsp&nbsp&nbsp
316										#Healthcare 
317									</span>
318                                </p>
319                                <a href='./assets/docs/Research Paper - Knee Arthritis Related Issues.pdf' target="_blank">
320                                    <button class='btn'>Read Paper</button>
321                                </a>
322                            </div>
323                        </article>
324
325                        <article>
326                            <a href="" class="image" target="_blank">
327                                <img src="images/wsn.jpg" alt="" />
328                            </a>
329                            <div class="inner">
330                                <h4>Research Paper - Wireless Sensor Networks</h4>
331                                <p>The intent of this survey paper on Security in
332                                    <a href="https://en.wikipedia.org/wiki/Wireless_sensor_network" target="_blank">
333                                        <u>Wireless Sensor Networks</u>
334                                    </a>
335                                    is to shed light on the security related issues and challenges in this field investigated by researchers in recent years and shed light on future directions for WSN security.
336                                    <br>
337                                    <span class="hashtags">
338										 #ResearchPaper
339										 &nbsp&nbsp&nbsp
340										 #WSN 
341									 </span>
342                                </p>
343                                <a href='./assets/docs/Wireless Sensor Networks - Survey Paper.pdf' target="_blank">
344                                    <button class='btn'>Read Paper</button>
345                                </a>
346                            </div>
347                        </article>
348
349                    </div>
350                </div>
351            </section>
352        </div>
353
354        <section id="footer">
355            <div class="container">
356                <ul class="copyright">
357                    <li></li>© Sarthak Mittal</li>
358                    <li></li>Made with ❤ in India</li>
359                </ul>
360            </div>
361        </section>
362
363    </div>
364
365    
365<script src="assets/js/jquery.min.js"></script>
365
366    
366<script src="assets/js/jquery.scrollex.min.js"></script>
366
367    
367<script src="assets/js/jquery.scrolly.min.js"></script>
367
368    
368<script src="assets/js/browser.min.js"></script>
368
369    
369<script src="assets/js/breakpoints.min.js"></script>
369
370    
370<script src="assets/js/util.js"></script>
370
371    
371<script src="assets/js/main.js"></script>
371
372
373</body>
374
375</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.