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     121 #Angular 122     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>  See 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     145 #Hacktoberfest 146     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>  See 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     169 #GameDevelopment 170     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>  See 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     193 #GameDevelopment 194     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>  See 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>  Read 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     223 #Rebranding 224     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     242 #Caricatures 243     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     265 #VectorArt 266     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     287 #ProductDesign 288     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     314 #ProductDesign 315     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     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.