-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
300 lines (225 loc) · 18 KB
/
index.html
File metadata and controls
300 lines (225 loc) · 18 KB
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Site Info -->
<title>Mit Patel - Portfolio</title>
<meta name="description" content="Mit Patel - Highly experienced and results-oriented lecturer with 7 years of expertise in educating and guiding students in mathematics, statistics, and programming. Possessing a Master's degree in Data Analytics and a strong foundation in Information Technology, I have successfully developed and delivered comprehensive curricula in core subjects such as Machine Learning, Data Analysis, and Python. Proven ability to simplify complex concepts, enhance student performance, and foster a positive learning environment. Driven to leverage my analytical, problem-solving, and programming skills, coupled with continuous upskilling in cutting-edge AI/ML technologies (including LLMs and MLOps), to contribute to innovative solutions in the Data Science domain, developing and implementing advanced machine learning models to solve complex business problems.">
<meta name="author" content="Mit Patel">
<!-- Open Graph Tags: The title of the page for social media sharing. It can match the title tag or be more descriptive. -->
<meta property="og:title" content="Mit Patel">
<!-- Open Graph Tags: Typically set to "website" for static sites or "article" for content-heavy pages. -->
<meta property="og:type" content="website">
<!-- Open Graph Tags: The URL of the page, used to ensure link previews resolve to the correct page. -->
<!-- base_url -->
<meta property="og:url" content="127.0.0.1:5500/index.html">
<!-- Open Graph Tags: URL of an image that represents the page. Useful for link previews. -->
<!-- base_url -->
<meta property="og:image" content="127.0.0.1:5500/portfolio_media/photo_2.jpg">
<!-- Open Graph Tags: Provides an alternative text for the image to improve accessibility. -->
<meta property="og:image:alt" content="Mit Patel Profile Image">
<!-- Preconnect for Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Custom Font -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"
rel="stylesheet">
<!-- Stylesheet -->
<link rel="stylesheet" href="css/modern_normalize.css" />
<link rel="stylesheet" href="css/html5bp.css">
<link rel="stylesheet" href="css/main.css">
<!-- Set a theme color that matches your website's primary color -->
<meta name="theme-color" content="#fafafa">
<!-- Favicon for all browsers -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<!-- Apple touch icon for iOS devices -->
<link rel="apple-touch-icon" sizes="180x180" href="/icon.png">
<!-- Web app manifest for Progressive Web Apps -->
<link rel="manifest" href="/site.webmanifest">
<!-- Add an icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Content Security Policy: Uncomment to enhance security by restricting where content can be loaded from (useful for preventing certain attacks like XSS). Update if adding external sources (e.g., Google Fonts, Bootstrap CDN, analytics, etc). -->
<!-- <meta http-equiv="Content-Security-Policy" content=" default-src 'self'; script-src 'self' code.jquery.com; style-src 'self' fonts.googleapis.com; font-src fonts.gstatic.com; img-src 'self' images.examplecdn.com; "> -->
</head>
<body>
<header class="page-header">
<div class="container">
<div class="header-top flex-responsive">
<!-- image_path -->
<img class="header-image"
width="256"
height="256"
src="portfolio_media/photo_2.jpg"
alt="Mit Patel Profile Image" />
<div class="header-info">
<!-- name -->
<h1>Mit Patel</h1>
<!-- label -->
<h2 class="header-label">Lecturer & AI/ML Developer</h2>
<nav>
<ul class="inline-list flex-responsive">
<li><a href="index.html">Home</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="tech-stack.html">Tech Stack</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- contact -->
<address>
<ul class="inline-list flex-responsive">
<li>
<a href="mailto:patel.m9521@gmail.com">patel.m9521@gmail.com</a>
</li>
<li>Dublin, Ireland</li>
</ul>
</address>
<!-- social_links -->
<ul class="inline-list flex-responsive">
<li>
<a href="https://www.linkedin.com/in/mitcpatel"
rel="noopener noreferrer"
aria-label="LinkedIn"
class="link-with-icon">
<span class="social-icon-wrapper">
<svg aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
role="img"
width="16"
height="16"
fill="currentColor"
class="bi bi-linkedin"
viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</span>
LinkedIn
</a>
</li>
<li>
<a href="https://github.com/GoJo-Rika"
rel="noopener noreferrer"
aria-label="GitHub"
class="link-with-icon">
<span class="social-icon-wrapper">
<svg aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
role="img"
width="16"
height="16"
fill="currentColor"
class="bi bi-github"
viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />
</svg>
</span>
GitHub
</a>
</li>
<li>
<a href="https://leetcode.com/u/mitpatel_27/"
rel="noopener noreferrer"
aria-label="LeetCode"
class="link-with-icon">
<span class="social-icon-wrapper">
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LeetCode</title><path d="M13.483 0a1.374 1.374 0 0 0-.961.438L7.116 6.226l-3.854 4.126a5.266 5.266 0 0 0-1.209 2.104 5.35 5.35 0 0 0-.125.513 5.527 5.527 0 0 0 .062 2.362 5.83 5.83 0 0 0 .349 1.017 5.938 5.938 0 0 0 1.271 1.818l4.277 4.193.039.038c2.248 2.165 5.852 2.133 8.063-.074l2.396-2.392c.54-.54.54-1.414.003-1.955a1.378 1.378 0 0 0-1.951-.003l-2.396 2.392a3.021 3.021 0 0 1-4.205.038l-.02-.019-4.276-4.193c-.652-.64-.972-1.469-.948-2.263a2.68 2.68 0 0 1 .066-.523 2.545 2.545 0 0 1 .619-1.164L9.13 8.114c1.058-1.134 3.204-1.27 4.43-.278l3.501 2.831c.593.48 1.461.387 1.94-.207a1.384 1.384 0 0 0-.207-1.943l-3.5-2.831c-.8-.647-1.766-1.045-2.774-1.202l2.015-2.158A1.384 1.384 0 0 0 13.483 0zm-2.866 12.815a1.38 1.38 0 0 0-1.38 1.382 1.38 1.38 0 0 0 1.38 1.382H20.79a1.38 1.38 0 0 0 1.38-1.382 1.38 1.38 0 0 0-1.38-1.382z"/></svg>
</span>
LeetCode
</a>
</li>
<li>
<a href="https://www.hackerrank.com/profile/patel_m9521"
rel="noopener noreferrer"
aria-label="HackerRank"
class="link-with-icon">
<span class="social-icon-wrapper">
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>HackerRank</title><path d="M0 0v24h24V0zm9.95 8.002h1.805c.061 0 .111.05.111.111v7.767c0 .061-.05.111-.11.111H9.95c-.061 0-.111-.05-.111-.11v-2.87H7.894v2.87c0 .06-.05.11-.11.11H5.976a.11.11 0 01-.11-.11V8.112c0-.06.05-.11.11-.11h1.806c.061 0 .11.05.11.11v2.869H9.84v-2.87c0-.06.05-.11.11-.11zm2.999 0h5.778c.061 0 .111.05.111.11v7.767a.11.11 0 01-.11.112h-5.78a.11.11 0 01-.11-.11V8.111c0-.06.05-.11.11-.11z"/></svg>
</span>
HackerRank
</a>
</li>
</ul>
<!-- summary -->
<!-- <p class="header-summary">Highly experienced and results-oriented lecturer with 7 years of expertise in educating and guiding students in mathematics, statistics, and programming. Possessing a Master's degree in Data Analytics and a strong foundation in Information Technology, I have successfully developed and delivered comprehensive curricula in core subjects such as Machine Learning, Data Analysis, and Python. Proven ability to simplify complex concepts, enhance student performance, and foster a positive learning environment. Driven to leverage my analytical, problem-solving, and programming skills, coupled with continuous upskilling in cutting-edge AI/ML technologies (including LLMs and MLOps), to contribute to innovative solutions in the Data Science domain, developing and implementing advanced machine learning models to solve complex business problems.</p> -->
</div>
</div>
</div>
</header>
<div class="page-content">
<div class="container">
<main>
<!-- About Me Section -->
<section>
<h2 class="section-heading">About Me</h2>
<p>I'm an educator-turned-AI Engineer who has spent the last 8 years bridging the gap between complex technical concepts and real-world, production-ready applications. My journey is a blend of academia and industry—from mentoring over <strong>300 students at Dorset College (achieving 92-96% project completion rates)</strong> to architecting scalable backend systems as a developer. This dual perspective allows me to not only build effective AI solutions but also to clearly articulate *how* and *why* they work.</p>
<p>A guiding principle in my life and work comes from the Bhagavad Gita: <strong>"You have a right to perform your prescribed duties, but you are not entitled to the fruits of your actions. Never consider yourself the cause of the results of your activities, nor be attached to inaction."</strong> To me, this is a powerful reminder to focus on the process—to build with integrity and to solve problems with dedication, knowing the true reward is in the act of creation itself.</p>
<p>This mindset extends to how I approach teamwork, where I am a firm believer in the "1+1 philosophy." I believe the most robust and innovative solutions come not from one person carrying the entire burden, but from a collaborative effort where each member contributes their piece. It’s the difference between a single pillar and an arch, where multiple stones work together to create a structure far stronger than any single component.</p>
<h4 class="sub-heading">Current Focus & Beyond the Code</h4>
<p>I'm currently immersed in the rapidly evolving landscape of generative and agentic AI. I am actively developing advanced RAG (Retrieval-Augmented Generation) applications using LangChain and LangGraph, and exploring workflow automation with tools like n8n. My learning journey continues with building sophisticated multi-agent systems and integrating them with <strong>MCP (Model Context Protocol) servers</strong>—a new paradigm for AI tool use.</p>
<p>Beyond the keyboard, I am always sharpening my foundational knowledge with essential texts like <strong>"Deep Learning" by Ian Goodfellow</strong> and <strong>"Hands-On Machine Learning" by Aurélien Géron</strong>. My passion for problem-solving extends into my hobbies, where I enjoy tackling <strong>logic puzzles</strong> (Sudoku, Kakuro), <strong>speedcubing</strong>, and playing <strong>chess</strong>. And, of course, I am on an endless quest for the <strong>perfect espresso shot</strong>.</p>
</section>
</main>
<!-- Sidebar Section -->
<aside>
<!-- Current Highlights Section -->
<section>
<h2 class="section-heading">At a Glance</h2>
<div class="competency-item-sidebar">
<p><strong>Currently:</strong><br>Assistant Lecturer & AI/ML Developer at Dorset College</p>
<hr class="sidebar-hr">
<p><strong>Education:</strong><br>Masters of Science in Data Analytics</p>
<hr class="sidebar-hr">
<p><strong>Featured Project:</strong><br><a href="posts/from-messy-data-to-production-mlops-my-network-security-journey-part-1.html">Network Security System - MLOps Project</a></p>
</div>
</section>
<!-- Core Competencies Section -->
<section>
<h2 class="section-heading">Core Competencies</h2>
<div class="competencies-sidebar">
<article class="competency-item-sidebar">
<h3 class="competency-title-sidebar">End-to-End ML Systems Architecture</h3>
<p class="competency-description-sidebar">Proven ability to architect, build, and deploy entire machine learning solutions, taking projects from initial concept to production-ready applications.</p>
</article>
<article class="competency-item-sidebar">
<h3 class="competency-title-sidebar">MLOps & Production Pipelines</h3>
<p class="competency-description-sidebar">Hands-on experience building modern, automated MLOps pipelines using tools like MLflow, Docker, and CI/CD for data validation, experiment tracking, and robust deployment.</p>
</article>
<article class="competency-item-sidebar">
<h3 class="competency-title-sidebar">Cloud Engineering (AWS)</h3>
<p class="competency-description-sidebar">Strong command of core AWS services (SageMaker, Lambda, S3, EC2) to build, deploy, and manage scalable cloud infrastructure for AI/ML applications.</p>
</article>
<article class="competency-item-sidebar">
<h3 class="competency-title-sidebar">Full-Stack AI Application Development</h3>
<p class="competency-description-sidebar">Skilled in building complete, user-facing products by integrating complex AI backends with interactive web frontends using frameworks like Streamlit and Flask.</p>
</article>
<article class="competency-item-sidebar">
<h3 class="competency-title-sidebar">AI Agent & Multimodal Systems</h3>
<p class="competency-description-sidebar">Advanced experience in designing complex systems that integrate multiple AI models and tools to process and understand diverse data types including text, images, and video.</p>
</article>
<article class="competency-item-sidebar">
<h3 class="competency-title-sidebar">Applied Natural Language Processing (NLP)</h3>
<p class="competency-description-sidebar">Deep, practical experience in applying NLP to solve diverse business problems, from text summarization with Transformers to building numerous RAG applications.</p>
</article>
</div>
</section>
</aside>
</div>
</div>
<footer class="page-footer">
<div class="container">
<p>© 2026 Mit Patel. All rights reserved.</p>
</div>
</footer>
<!-- ===== Style Switcher Start ===== -->
<div class="theme-toggle-container">
<div id="theme-toggle-icon" class="theme-icon">
<i class="fas"></i>
</div>
</div>
<!-- ===== Style Switcher End ===== -->
<script src="js/app.js"></script>
</body>
</html>