index.html

<!DOCTYPE HTML>

<html>
	<head>
		<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-125082325-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-125082325-1');
</script>
<link rel="shortcut icon" type="image/png" href="images/favicon.png">

		<title>About-Harsh Arora</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<link rel="stylesheet" href="assets/css/skills.css" />
	</head>
	<body class="is-preload">

		<!-- Header -->
			<header id="header">
				<div class="inner">
					<a href="#" class="image avatar"><img src="images/avatar.jpeg" alt="" /></a>
					<h1><strong>Harsh Arora</strong>,<br />Information Technology Engineering ,<br />
					Maharaja Agrasen Institute Of Technology, New Delhi<br />
					</h1>
				</div>
			</header>

		<!-- Main -->
			<div id="main">

				<!-- One -->
				
					<section id="one">
						<header class="major">
							<h2>Hi, I am Harsh Arora</h2>
						</header>
						<p>I am a final year student of B.tech Information Technology at Maharaja Agrasen Institute of Technology and a budding software developer.</p>
						<ul class="actions">
							<li><a href="https://drive.google.com/file/d/1j07hBOzo3Z37f9l1xfaDe_Jm5QgFIMkT/view" target="_blank" class="button icon fa-download">Download Resume</a></li>
							<li><a href="https://drive.google.com/file/d/13tm2NJ7qzePcnyuapJqfNbDqHefUdc7E/view" target="_blank" class="button icon fa-file">Cover Letter</a></li>
							<li><a href="#six" class="button">Get In Touch</a></li>
						</ul>
					</section>

				<!-- Two -->
				 
					<section id="two">
						<h2>Recent Work</h2>
						<div class="row">
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/08.jpg" class="image fit thumb"><img src="images/thumbs/08.jpg" alt="" /></a>
								<h3><a href="https://github.com/aroraharsh010/Blog-Website">Blog Website</a></h3>
								<p>A secure and intuitive backend with CRUD operations on MongoDB db. Implementation using Node.JS, Express.JS and MongoDB.</p>
							</article>
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/10.PNG" class="image fit thumb"><img src="images/thumbs/10.PNG" alt="" /></a>
								<h3><a href="https://github.com/aroraharsh010/Omnifood-Full-Stack">Omnifood</a></h3>
								<p>A full stackfood website which runs on Node.JS, MongoDB and Express.JS</p>
							</article>
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/09.png" class="image fit thumb"><img src="images/thumbs/09.png" alt="" /></a>
								<h3><a href="https://assistant.google.com/services/a/uid/0000001a269ceb8a?hl=en">Useless Facts Trivia</a></h3>
								<p>A trivia game currently on the google assistant.</p>
							</article>
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/01.PNG" class="image fit thumb"><img src="images/thumbs/01.jpg" alt="" /></a>
								<h3><a href="https://github.com/IOSD/newsly/tree/master/Team_45">Newsly</a></h3>
								<p>A news app that shows national,international news.Made using newsapi.org api.</p>
							</article>
							<article class="col-6 col-12-xsmall work-item">
									<a href="images/fulls/03.jpg" class="image fit thumb"><img src="images/thumbs/03.jpg" alt="" /></a>
									<h3><a href="https://github.com/aroraharsh010/Weather-App"> CMD Weather App	</a></h3>
									<p>A command line app to get current weather and forecast of user location or user specified location. Made using Node.JS.</p>
								</article>
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/02.jpg" class="image fit thumb"><img src="images/thumbs/02.jpg" alt="" /></a>
								<h3><a href="https://github.com/aroraharsh010/Whatsapp-Automation-Bot">Whatsapp Automated Bot</a></h3>
								<p>An automated python script to send huge amounts of messages to multiple contacts. Just select the amount of messages you want to send .</p>	
							</article>
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/05.jpg" class="image fit thumb"><img src="images/thumbs/05.jpg" alt="" /></a>
								<h3><a href="https://github.com/aroraharsh010/FaceDetection"> Face Detection and Emotion analysis</a></h3>
								<p>An android app that detects faces and their emotions. Made using Microsoft Azure vision api and Android studio.</p>
							</article>

							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/06.jpg" class="image fit thumb"><img src="images/thumbs/06.jpg" alt="" /></a>
								<h3><a href="https://github.com/aroraharsh010/TextTranslationAndRecog">Text Recognition and Translation</a></h3>
								<p>An android app that detects text and translates it into desired language. Made using google vision api.</p>
							</article>
							
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/02.jpg" class="image fit thumb"><img src="images/thumbs/02.jpg" alt="" /></a>
								<h3><a href="https://github.com/aroraharsh010/twitter-sentiment-analysis">Twitter Sentiment Analysis</a></h3>
								<p>Fetches tweets of a keyword from twitter using tweepy and analyses their sentiment. Written in python.</p>	
							</article> 
							
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/03.jpg" class="image fit thumb"><img src="images/thumbs/03.jpg" alt="" /></a>
								<h3><a href="https://github.com/aroraharsh010/WeatherApp"> Weather App</a></h3>
								<p>Input a city and the app displays its weather data. Made using Android Studio in java.</p>
							</article>
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/04.jpg" class="image fit thumb"><img src="images/thumbs/04.jpg" alt="" /></a>
								<h3><a href="https://github.com/aroraharsh010/TicTacToe">Tic Tac Toe</a></h3>
								<p>Now the loved by all game as an android app. Made using Android studio in java.</p>
							</article>
							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/08.png" class="image fit thumb"><img src="images/fulls/08.png" alt="" /></a>
								<h3><a href="https://aroraharsh010.github.io/Brick-and-Ball-Game/">Brick Game</a></h3>
								<p>The age old game of ball and bricks made using Javascript. Click to play on PC now!</p>
							</article>

							<article class="col-6 col-12-xsmall work-item">
								<a href="images/fulls/07.JPG" class="image fit thumb"><img src="images/thumbs/07.JPG" alt="" /></a>
								<h3><a href="http://aroraharsh010.github.io/Ping-Pong/">Ping Pong Game</a></h3>
								<p>Built using html css and javascript. Click to play!</p>
							</article>				
						</div>
						<ul class="actions">
							<li><a href="https://github.com/aroraharsh010?tab=repositories" target="_blank" class="button">All Projects</a></li>
						</ul>
					</section>

				<section id="three">
					<h2>Education</h2>
					<div class="row">
								<div class="col-6 col-12-xsmall">
									<ul class="flex">
										<li class="child"><strong>Bachelor of Technology (B.Tech), Information Technology (2017 - present)</strong>
											<br>
											Maharaja Agrasen Institute of Technology <br>CGPA : 8.00/10
										</li><br>
										<li class="child"><strong>XII (Senior Secondary), Science</strong><br>
											Year of Completion: 2017 <br>CBSE Board (Mata Jai Kaur Public School) <br>Percentage : 89.6%
										</li><br>
										<li class="child"><strong>X (Secondary)</strong>
											<br>
											Year of Completion: 2015
											<br>CBSE Board (Mata Jai Kaur Public School)
											<br>CGPA : 9.60/10
										</li>
									</ul>
								</div>
				   </section>
				   <style>
					   .flex{
						   	display: flex;
							width: 55vw;
							list-style-type: none;
							
					   }
					   .child{
						   padding: 4%;
						   margin: 1%;
						   /* padding-bottom:3% ; */
						   border: 1px solid rgb(199, 196, 196) ;
						   border-radius: 20px;
						   width:34%;
					   }
					   @media screen and (max-width: 1280px) {
						.flex{
							/* flex-direction: column; */
							width:220%;
						   }
					   }
					   @media screen and (max-width: 980px) {
						.flex{
							/* flex-direction: column; */
							width:220%;
						   }
					   }
					   @media screen and (max-width: 736px) {
						.flex{
							flex-direction: column;
							width:250%;
						   }
					   }
					   @media screen and (max-width: 480px) {
						   .flex{
							flex-direction: column;
							width:250%;
						   }
						   
					   }
				   </style>
				   <section id="four">
					<h2>Experience</h2>
					<div class="row">
								<div class="col-6 col-12-xsmall">
									<ul class="flex">
										<li class="child"><strong>Open Source Developer</strong>
											<br>
											Mozilla<br>December 2019 - Present
											<br>Contributed to several open source projects like Web-extensions & toolkit in Firefox source as well as in extension-workshop project. For links see cover letter or resume.
										</li><br>

										<li class="child"><strong>Java Lead</strong>
											<br>
											DSC MAIT<br>March 2019 - Present
											<br>Responsible for conducting regular hands on workshops and webinars
											on relevant technologies.
											Responsible for teaching members of DSC MAIT data structures,
											algorithms in Java via regular coding contests and webinars.
										</li><br>
										<li class="child"><strong>Web Development Intern</strong>
											<br>
											Pepcoding.com<br>March 2020 - July 2020
											<br>Responsible for backend CRUD operations on a MongoDB database. Wrote REST APIs in Node.JS.
											<br>Collaborated with other developers to develop frontend using
											Pug.JS, HTML, CSS & JS.
										</li><br>
									</ul>
									<ul class="flex">
										<li class="child"><strong>Teaching Assistant Java</strong>
											<br>
											Pepcoding.com<br>February 2019 - June 2019
											<br>Co-Mentored with a professional to teach undergrads data structures and algorithms in Java.
										</li><br>
										<li class="child"><strong>Summer Project Intern</strong>
											<br>
											IOSD<br>June 2018 - July 2018
											<br>Collaborated with other developers to design and develop a full stack &
											open source news android app “Newsly”. Android Studio, java and firebase for backend were used to develop the
											app.
										</li><br>
									</ul>
								</div>
								</div>
				    </section>

				   <!-- <style>
			* {box-sizing: border-box}

				.container {
				 width: 100%;
				 background-color: #ddd;
				}

				.skills {
				text-align: right;
  				padding: 0.1px;
  				color: white;
				}
				.java{width: 90%; background-color: #f44336;}
				.html {width: 90%; background-color: #4CAF50;}
				.css {width: 80%; background-color: #2196F3;}
				.js {width: 80%; background-color: #f44336;}
				.android {width: 80%; background-color: #2196F3;}
				.python{width: 85%; background-color: #4CAF50;}
				.c{width: 70%; background-color: #f44336;}
				.c2{width: 40%; background-color: #4CAF50;}
				.unity{width: 60%; background-color: #f44336;}
				.mean{width: 65%; background-color: #2196F3;}
				</style> -->
				   <section id="five">
					<h2>Some Technologies that I have worked on</h2>
					<h3></h3>
						<!-- <p align="center">Java</p>	
						<div class="container">
  						<div class="skills java">90%</div>
						</div><br>
						<p align="center">Android</p>
						<div class="container">
  						<div class="skills android">80%</div>
						</div>						
						<br>
						<p align="center">Python</p>
						<div class="container">
  						<div class="skills python">85%</div>
						</div>	
						<br>
						<p align="center">Javascript</p>
						<div class="container">
 						<div class="skills js">80%</div>
						</div>
						<br>
						<p align="center">HTML</p>
						<div class="container">
 						<div class="skills html">90%</div>
						</div>
						<br>
						<p align="center">CSS</p>
						<div class="container">
  						<div class="skills css">80%</div>
						</div>
						<br>
						<p align="center">C/C++</p>
						<div class="container">
  						<div class="skills c">70%</div>
						</div>	
						<br>
						<p align="center">C#</p>
						<div class="container">
 						<div class="skills c2">40%</div>
						</div>
						<br>
						<p align="center">Unity</p>
						<div class="container">
 						<div class="skills unity">60%</div>
						</div>
						<br>
						<p align="center">MEAN stack</p>
						<div class="container">
 						<div class="skills mean">65%</div>
						</div>
						<br> -->
						<article id="skills">
						<dl class="skills-diagram" style="padding-top: 40px;">
							<dt class="skill-6" title="Unity - 60%">Unity</dt>
							<dd>6</dd>
							<dt class="skill-8" title="Python - 80%">Python</dt>
							<dd>8</dd>							
							<dt class="skill-8" title="JSON - 80%">JSON</dt>
							<dd>4</dd>
							<dt class="skill-8" title="HTML5 - 80%">HTML5</dt>
							<dd>8</dd>
							<dt class="skill-8" title="Git - 80%">Git</dt>
							<dd>8</dd>
							<dt class="skill-9" title="Java - 90%">Java</dt>
							<dd>9</dd>
							<dt class="skill-9" title="Javascript - 90%">Javascript</dt>
							<dd>7</dd>
							<dt class="skill-5" title="C/C++ - 50%">C/C++</dt>
							<dd>8</dd>
							<dt class="skill-8" title="Android - 80%">Android</dt>
							<dd>8</dd>
							<dt class="skill-8" title="MERN - 80%" >MERN</dt>
							<dd>8</dd>
							<dt class="skill-8" title="Firebase - 80%">Firebase</dt>
							<dd>8</dd>
							<dt class="skill-8" title="CSS - 80%">CSS</dt>
							<dd>8</dd>
							<dt class="skill-4" title="OpenCV - 40%">OpenCV</dt>
							<dd>4</dd>
						</dl>
					</article>
				   </section>
             
					<section id="six">
						<h2>Get In Touch</h2>
						<div class="typeform-widget" data-url="https://harsharora2.typeform.com/to/QaAKSC" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> <div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;"><!--  powered by <a href="https://admin.typeform.com/signup?utm_campaign=QaAKSC&utm_source=typeform.com-12527502-Basic&utm_medium=typeform&utm_content=typeform-embedded-poweredbytypeform&utm_term=EN" style="color: #999" target="_blank">Typeform</a>  --></div>
							<div class="col-4 col-12-small">
								<ul class="labeled-icons">
									
									<li> 
										<h3 class="icon fa-envelope-o"><span class="label">Email</span></h3>
										<a href="mailto:aroraharsh010@gmail.com">aroraharsh010@gmail.com</a>
									</li>
								</ul>
							</div>
						</div>
				</section>
				
		<!-- Footer -->
			<footer id="footer">
				<div class="inner">
					<ul class="icons">
						<li><a href="http://www.github.com/aroraharsh010" target="_blank" class="icon fa-github"><span class="label">Github</span></a></li>
						<li><a href="https://in.linkedin.com/in/aroraharsh010" target="_blank" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
						<li><a href="mailto:aroraharsh010@gmail.com" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
						<li> <a href="https://www.instagram.com/aroraharsh010/" target="_blank" class="icon fa-instagram"><span class="label">Instagram</span>
						</a></li>
					</ul>
					<ul class="copyright">
						<li>&copy; Harsh Arora</li>
					</ul>
				</div>
			</footer>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.poptrox.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>