-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
177 lines (169 loc) · 11.4 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Jatin Mamtora</title>
<link rel="icon" href="./assets/images/title_pic.png" type="image/x-icon"/>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="stylesheet" href="./styles/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
.card--techstack {
display: flex;
align-items: center;
margin: 10px 0;
}
.card--techstack img {
width: 24px;
height: 24px;
margin-right: 10px;
}
.card--techstack i {
margin-right: 10px;
}
</style>
</head>
<body>
<script>
function toggleDescription(arrowIcon) {
const projectCard = arrowIcon.parentElement;
const projectDescription = projectCard.querySelector('.project-description');
const isHidden = projectDescription.style.display === 'none';
projectDescription.style.display = isHidden ? 'block' : 'none';
arrowIcon.textContent = isHidden ? '▲' : '▼';
}
</script>
<div id="container--main">
<section id="wrapper--hero" class="section--page">
<img id="profile-pic" src="./assets/images/profile_pic.webp">
<div>
<h1 id="user-name" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">Jatin Mamtora</h1>
<p id="bio"><p>SDE Intern IBM</p><p>Backend Developer, DSA, Cloud Enthusiast, DevOps</p>A Final year Computer Engineering Student with proven Project Management skills and Problem solving skills.Passionate about developing intricate web applications and designing databases and scaling them with cloud services.</p>
<p id="email" >📧 <a href="mailto:[email protected]" style="color: white;"> [email protected]</a></p>
</div>
</section>
<section class="section--page">
<div id="socials--list">
<a href="https://leetcode.com/ja3/" target="_blank">LeetCode</a>
<a href="https://www.linkedin.com/in/jatin-mamtora-008811211/" target="_blank">Linkedin</a>
<a href="https://github.com/Ja3mamtora" target="_blank">Github</a>
<a href="./assets/JatinMamtora.pdf" target="_blank">Download Resume</a>
</div>
</section>
<section class="section--page">
<h2> Acheivements 🎖️</h2>
<ul id="qualifications--list">
<li>🏆 Secured first position in a 36-hour National hackathon at CVM University with ExamEye Project.</li>
<li>🏆 Certified AWS Cloud Practitioner April-2024.</li>
<li>🏆 Clinched 1st position among 140+ teams at National-level hackathon named HackSavvy24 conducted by MGIT,
Hyderabad representing ExamEye project.</li>
<li>🏆 Received consolation prize in 36 hour Parul National level Hackathon among 165+ teams.</li>
<li>🏆 Awarded Silver prize at Makers Fest 2024 through the successful presentation of the ExamEye Project.</li>
<li>🏆 Contributed to open-source projects in HacktoberFest22, GWoC22, HacktoberFest23, GSSOC23, GSSOC24.</li>
<li>🏆 Ranked in the top 15% on LeetCode with a rating of 1705* and solved 800+ problems.</li>
</ul>
</section>
<section class="section--page">
<h2>Tech stack ⚔️</h2>
<!-- <div id="wrapper--techstack__items">
<div class="card--techstack"><span>HTML, JavaScript, NodeJS, TypeScript</span></div>
<div class="card--techstack"><span> Express, Mongoose, Prisma, Sequelize </span></div>
<div class="card--techstack"><span>C, C++, DSA, AWS</span></div>
<div class="card--techstack"><span>MongoDB, MySQL, PostgreSql</span></div> -->
<div id="wrapper--techstack__items">
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg" alt="Java"><span>Java</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" alt="JavaScript"><span>JavaScript</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg" alt="C++"><span>C++</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg" alt="TypeScript"><span>TypeScript</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-original.svg" alt="C"><span>C</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg" alt="NodeJS"><span>NodeJS</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/express/express-original.svg" alt="Express"><span>Express</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg" alt="Mongoose"><span>Mongoose</span>
</div>
<div class="card--techstack">
<img src="https://avatars.githubusercontent.com/u/17219288?s=200&v=4" alt="Prisma"><span>Prisma</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/sequelize/sequelize-original.svg" alt="Sequelize"><span>Sequelize</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg" alt="MongoDB"><span>MongoDB</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mysql/mysql-original.svg" alt="MySQL"><span>MySQL</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg" alt="PostgreSQL"><span>PostgreSQL</span>
</div>
<div class="card--techstack">
<i class="fab fa-aws"></i><span>AWS</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg" alt="Docker"><span>Docker</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jenkins/jenkins-original.svg" alt="CI/CD"><span>CI/CD</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kubernetes/kubernetes-plain.svg" alt="Kubernetes"><span>Kubernetes</span>
</div>
<div class="card--techstack">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/git/git-original.svg" alt="Git"><span>Git</span>
</div>
</div>
</section>
<section class="section--page">
<h2>Projects 🚀</h2>
<div class="card--project">
<a href="https://drive.google.com/file/d/1nJeyuvx5eN75e-9b1L3MkuFYgtNZDPOY/view?amp;usp=embed_facebook">Exam Eye</a><span> TypeScript, WebRTC, NodeJs, Postgresql</span>
<div class="arrow-icon" onclick="toggleDescription(this)">▼</div>
<div class="project-description">
• Engineered ExamEye web based online exam taking tool with AI based proctoring and browser lockdown features,
lowering cheating and providing overall, individual exam report to admin.<br>
• Orchestrated backend development using TypeScript, Prisma, and PostgreSQL,worked with 3 factor authentication
feature, created student side scalable API’s and created CI/CD pipeline, implemented rate limiter.<br>
• Worked with Sockets for real time data and integrated Cloudinary for video & image storage by minimizing load.
</div>
</div>
<div class="card--project">
<a href="https://imgur.com/I6KgmNR">Vercel Clone</a><span> Typescript, Node.js, AWS, Docker</span>
<div class="arrow-icon" onclick="toggleDescription(this)">▼</div>
<div class="project-description">
• Developed a Vercel clone that automates the deployment of projects from Git repositories, utilizing AWS ECS and AWS
ECR for container orchestration.<br>
• Configured a reverse proxy server to manage traffic to the deployed services, ensuring efficient load balancing and
routing.
</div>
</div>
<div class="card--project">
<a href="">Quotation Maker</a><span> NodeJs, ReactJs, Postgresql, Cloudinary</span>
<div class="arrow-icon" onclick="toggleDescription(this)">▼</div>
<div class="project-description">
• Quotation Maker, a web application for creating quotations with unique feature of maintaining different
versions of quotation saving 50% of average quote preparation time.<br>
• Introduced feature to download quotation, Customer and Product list in PDF or CSV format in less than 1mb.<br>
• Leveraged psql and Nodejs to build a scalabe database design and secured system with use of JWT
</div>
</div>
</section>
</div>
</body>
</html>