{"componentChunkName":"component---src-pages-index-js","path":"/","result":{"data":{"hero":{"edges":[{"node":{"frontmatter":{"title":"Hi, my name is","name":"Nandhu Sathish","subtitle":"I build experience for the web.","buttonText":"Get In Touch"},"html":"<p>I'm a frontend developer specializing in building (and occasionally designing) exceptional websites, applications, and everything in between.I like to code things for web, and enjoy bringing ideas to life in the browser.</p>"}}]},"about":{"edges":[{"node":{"frontmatter":{"title":"About Me","avatar":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='400'%20viewBox='0%200%20400%20400'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20200v200h17v-5a1286%201286%200%2001-3-115A13209%2013209%200%200111%203c0-3%200-3-6-3H0v200M269%2094c-1%20208%200%20249%202%20243l3-4c2-2%204-3%203-1v1l1-2c-2-1%202-4%204-4l4-2%203-2%201-1%201-1c2-1%202-1%201-2v-2h3l7-7c2%200%205-3%205-4%201-4%204-8%206-7l2%201-1-2c-1-1-1-1%201-1l3-2c1-4%203-5%208-8%205-2%206-4%206-6h-2l-3-1c-1-1%201-5%202-5%201%201%203-14%203-17V139l-1-2-1-14a7789%207789%200%2000-3-111l-2-3-1-2-2-4c-2-3-3-3-11-3l-8%201h-1c-2-2-3-1-3%203s0%205%204%208c4%204%205%207%205%2016%200%207-1%207-5%205l-4-2V11h-3l-3-1V4c0-4%200-4-3-4h-4l1%205v9l-1%205-4-2c-5-3-7-5-7-12%200-5%200-5-3-5h-3v94M393%203l-2%2030v27l4%204c6%207%206%2010%203-39l-1-13-1-8c0-5-2-5-3-1m-76%209l-1%207c0%204%200%204%202%204h2l1%201%204%202%203%202v-6l1-2h-1l-1-1h-1c-2%200-7-5-8-8%200-1-1-1-1%201m-1%2022a1694%201694%200%20002%20135c-3%200-1%203%202%204%205%201%205-1%205-16-1-31-1-38-2-35l-2%203c-2%200-3-13-3-39%200-20%201-20%203-21%204-1%204-1%203-3s-2-4-1-5l-1-2c-1-1-1%200-1%202l-1%203-1-5-1-10v-5h3c2%200%203%200%203-5s-1-5-4-8l-4-2v9m-18-1a2891%202891%200%20002%20113c1%200%202%201%203%206%200%203%200%203-1%202h-2l-1%202c-1%202%200%204%205%204l4%201v-10c0-18-2-36-3-39-2-3-2-8-2-24-1-20-1-21%202-20l1-2c0-1%200-2-1-1l-1-1%201-1c3%200%203-2%202-13V40l-4-2-4-5-1-2v2M198%2060c-4%202-11%202-16%201s-9%201-14%205l-7%205c-2%201-4%202-4%204l-3%204-3%204c-1%208-1%209-3%209-1%200-2%202-1%204%201%201%200%202-1%203s-2%207%200%207l1%205v4c1%200%204%2015%204%2022%200%208%204%2020%208%2024l2%203%201%204%201%206c1%205%201%205-1%205s-8%206-10%2012a303%20303%200%2001-35%2019c-4%201-15%209-19%2014h-2l-2%201c-3%200-12%2011-15%2019-6%2015-8%2030-9%2081a864%20864%200%2001-1%2073v2h153v-4l-1-9a142%20142%200%20011-34c-2%201-1-12%201-16%203-6%205-26%203-30s-2-4%201-4l2-3%201-4c3-3%203-7%200-11-2-2-3-3-2-13%200-43%200-42-2-48-2-7-8-13-11-14-7-2-5-14%202-22s13-16%2015-21l4-11c3-8%205-14%204-15l1-2c2-3%203-19%201-23l-1-5-1-4c-2-1%200-3%204-4l4%201%202%201%202-5c0-2%203-2%204-1s1%201%201-1c0-3-2-6-5-7-2%200-3%200-2-2%201-1%200-3-1-3l-1-2c0-8-4-13-11-15-3%200-6-1-7-3-2-1-4-2-6-1h-5l-9-5-3-1c-4-1-5-1-9%201m197%2029l-1%204c-1%201-1%20183%201%20214l1%2015-5%207c-5%207-6%2010-4%2013v21l1%205c0%204-1%204-3%204l-3%201-11%201-11-1c-2%201-19%2024-19%2026a359%20359%200%200056%201h3v-33l-1-33h-1v-1c2%200%203-31%201-31v-58l1-106V89l-3-1c-3-1-3-1-2%201m-120%2035a2144%202144%200%20010%2035h6c3-3%203-37%201-36l-2-2-2-2-1-3-1-3-1%2011m30%2040v1l-1%202c1%202-1%204-2%203l-1%203-1%203c-2%201-2%203-2%208v8h3c5%200%207-2%207-5l-1-7c0-4%200-4-2-4s-3-1-3-2c0-2%200-2%203-1%203%202%203%201%203-4%200-7%200-7-2-7s-2%200-1%202m12%2020v8h7c2%200%201-16%200-16h-4l-3-1v9m-43%202v7h3c3-1%204%200%206%202%203%205%203%204%203-6-1-10-1-11-8-11h-4v8'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1,"src":"/static/657e6b1f8fee0b57b7ab34afe60552c2/0a9c8/me.jpg","srcSet":"/static/657e6b1f8fee0b57b7ab34afe60552c2/477ba/me.jpg 175w,\n/static/657e6b1f8fee0b57b7ab34afe60552c2/06776/me.jpg 350w,\n/static/657e6b1f8fee0b57b7ab34afe60552c2/0a9c8/me.jpg 500w","srcWebp":"/static/657e6b1f8fee0b57b7ab34afe60552c2/9f4bf/me.webp","srcSetWebp":"/static/657e6b1f8fee0b57b7ab34afe60552c2/9fca7/me.webp 175w,\n/static/657e6b1f8fee0b57b7ab34afe60552c2/37a4e/me.webp 350w,\n/static/657e6b1f8fee0b57b7ab34afe60552c2/9f4bf/me.webp 500w","sizes":"(max-width: 500px) 100vw, 500px"}}},"skills":["JavaScript (ES6+)","HTML & (S)CSS","React","Node.js","Figma","Photoshop & Illustrator"]},"html":"<p>Hello! I'm Nandhu Sathish, a frontend devloper.</p>\n<p>The scope of my work is a large part of frontend which include fig/psd to HTML, design, coding layouts, single page applications, responsive websites, web apps, CSS/JS animations, and other work based on web development and javascript.\nI like to code things for web, and enjoy bringing ideas to life in the browser. I'm always open to adapt to work with team and work on new frontend skills and technology.</p>\n<!-- I enjoy creating things that live on the internet, whether that be websites, applications, or anything in between. My goal is to always build products that provide pixel-perfect,performant experiences. -->\n<!-- Shortly after graduating from [St joseph academy of higher education](http://academy.stjosephsacademymoolamattom.org/),I joined the engineering team at [Techsmith](http://www.tsmith.co.in/contact_us.html)as an intern. where I get chances to work on a wide variety of interesting and meaningful projects on a daily basis. -->\n<p>Here are a few technologies I've been working with recently:</p>"}}]},"jobs":{"edges":[{"node":{"frontmatter":{"title":"Software Engineer Intern","company":"TechSmith","location":"Boston, MA","range":"May 2018 - Jan 2019","url":"http://www.tsmith.co.in/contact_us.html"},"html":"<ul>\n<li>Write modern, performant, maintainable code for a diverse array of client and internal projects</li>\n<li>Work with a variety of different languages, platforms, frameworks, and content management systems such as JavaScript, SQL, React, Android, and Netlify</li>\n<li>Communicate with multi-disciplinary teams of engineers, designers, producers, and clients on a daily basis</li>\n</ul>"}},{"node":{"frontmatter":{"title":"Android Developer Intern","company":"Syntax Soft Tech","location":"Northeastern University","range":"Jan - April 2018","url":"https://www.syntaxsoft.com"},"html":"<ul>\n<li>Worked with a team of four developers to build a college management system.</li>\n</ul>"}}]},"featured":{"edges":[{"node":{"frontmatter":{"title":"Main project-2","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0H0v113m190-67a5549%205549%200%2001-63%2026l2%201c2%200%202%200%201%201s3%207%2017%2028a444681%20444681%200%200153%2078%205150%205150%200%200071-110l-72-27-9%203m-13%2016l-21%208h86l-21-8-22-8-22%208m-33%2016l52%2043c1%201%201-4%201-21V77h-27c-23%200-27%200-26%201m58%2022l1%2022%2051-43c2-2%202-2-25-2h-27v23m-59-16l27%2042%2027%2041v-38l-27-22-27-23m85%2023l-26%2022v18l1%2018%2013-19a7048%207048%200%200139-61l-27%2022'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7857142857142858,"src":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/60290/demo.png","srcSet":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/847ef/demo.png 175w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/91cba/demo.png 350w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/60290/demo.png 700w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/f5f50/demo.png 1050w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/38674/demo.png 1400w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/c608a/demo.png 1920w","srcWebp":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/89afa/demo.webp","srcSetWebp":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/9fca7/demo.webp 175w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/37a4e/demo.webp 350w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/89afa/demo.webp 700w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/78e7a/demo.webp 1050w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/03d34/demo.webp 1400w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/6833b/demo.webp 1920w","sizes":"(max-width: 700px) 100vw, 700px"}}},"tech":["Next.js","Chart.js","GitHub API"],"github":"https://github.com/","external":"https://www.google.com"},"html":"<p>A simple project built with Vue and Firebase.</p>"}},{"node":{"frontmatter":{"title":"Main Project-3","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0H0v113m190-67a5549%205549%200%2001-63%2026l2%201c2%200%202%200%201%201s3%207%2017%2028a444681%20444681%200%200153%2078%205150%205150%200%200071-110l-72-27-9%203m-13%2016l-21%208h86l-21-8-22-8-22%208m-33%2016l52%2043c1%201%201-4%201-21V77h-27c-23%200-27%200-26%201m58%2022l1%2022%2051-43c2-2%202-2-25-2h-27v23m-59-16l27%2042%2027%2041v-38l-27-22-27-23m85%2023l-26%2022v18l1%2018%2013-19a7048%207048%200%200139-61l-27%2022'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7857142857142858,"src":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/60290/demo.png","srcSet":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/847ef/demo.png 175w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/91cba/demo.png 350w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/60290/demo.png 700w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/f5f50/demo.png 1050w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/38674/demo.png 1400w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/c608a/demo.png 1920w","srcWebp":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/89afa/demo.webp","srcSetWebp":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/9fca7/demo.webp 175w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/37a4e/demo.webp 350w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/89afa/demo.webp 700w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/78e7a/demo.webp 1050w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/03d34/demo.webp 1400w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/6833b/demo.webp 1920w","sizes":"(max-width: 700px) 100vw, 700px"}}},"tech":["React","Node.js","Express","Spotify Web API"],"github":"https://github.com/","external":"https://spotify-profile.herokuapp.com/"},"html":"<p>A simple project built with Vue and Firebase.</p>"}},{"node":{"frontmatter":{"title":"Main Project-1","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0H0v113m190-67a5549%205549%200%2001-63%2026l2%201c2%200%202%200%201%201s3%207%2017%2028a444681%20444681%200%200153%2078%205150%205150%200%200071-110l-72-27-9%203m-13%2016l-21%208h86l-21-8-22-8-22%208m-33%2016l52%2043c1%201%201-4%201-21V77h-27c-23%200-27%200-26%201m58%2022l1%2022%2051-43c2-2%202-2-25-2h-27v23m-59-16l27%2042%2027%2041v-38l-27-22-27-23m85%2023l-26%2022v18l1%2018%2013-19a7048%207048%200%200139-61l-27%2022'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7857142857142858,"src":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/60290/demo.png","srcSet":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/847ef/demo.png 175w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/91cba/demo.png 350w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/60290/demo.png 700w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/f5f50/demo.png 1050w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/38674/demo.png 1400w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/c608a/demo.png 1920w","srcWebp":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/89afa/demo.webp","srcSetWebp":"/static/6fe1174ed8fb35054b8cb84cb1ab301c/9fca7/demo.webp 175w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/37a4e/demo.webp 350w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/89afa/demo.webp 700w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/78e7a/demo.webp 1050w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/03d34/demo.webp 1400w,\n/static/6fe1174ed8fb35054b8cb84cb1ab301c/6833b/demo.webp 1920w","sizes":"(max-width: 700px) 100vw, 700px"}}},"tech":["VS Code","Sublime Text","Atom","iTerm2","Hyper"],"github":"https://github.com","external":"https://google.com/"},"html":"<p>A simple project built with Vue and Firebase.A simple project built with Vue and Firebase.</p>"}}]},"projects":{"edges":[{"node":{"frontmatter":{"title":"Project-1","tech":["Next.js","Tailwind CSS","Firebase"],"github":"https://github.com/","external":"https://google.com"},"html":"<p>A simple project built with Vue and Firebase.</p>"}},{"node":{"frontmatter":{"title":"Project-2","tech":["Node","Express","Firebase","Vue"],"github":"https://github.com/","external":"https://medium.com/stories-from-upstatement/building-a-headless-mobile-app-cms-from-scratch-bab2d17744d9"},"html":"<p>A simple project built with Vue and Firebase.</p>"}},{"node":{"frontmatter":{"title":"Project-3","tech":["Vue","Firebase"],"github":"https://github.com","external":"https://google.com/"},"html":"<p>A simple project built with Vue and Firebase.</p>"}},{"node":{"frontmatter":{"title":"Project-4","tech":["MusicKit.js","JS","SCSS"],"github":"https://github.com","external":"https://google.com/"},"html":"<p>A simple project built with Vue and Firebase.</p>"}},{"node":{"frontmatter":{"title":"Project-5","tech":["Ember","JS","SCSS"],"github":"","external":"https://www.google.com"},"html":"<p>A simple project built with Vue and Firebase. A simple project built with Vue and Firebase.. A simple project built with Vue and Firebase.</p>"}},{"node":{"frontmatter":{"title":"Project-6","tech":["Jekyll","SCSS","JS"],"github":"https://github.com/","external":"https://www.google.com"},"html":"<p>A simple project built with Vue and Firebase</p>"}},{"node":{"frontmatter":{"title":"Project-7","tech":["Jekyll","SCSS","JS"],"github":"https://github.com/","external":"https://www.google.com"},"html":"<p>A simple project built with Vue and Firebase</p>"}}]},"contact":{"edges":[{"node":{"frontmatter":{"title":"Get In Touch","buttonText":"Say Hello"},"html":"<p>My inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!</p>"}}]}},"pageContext":{}}}