-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
208 lines (195 loc) · 11.9 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Basic Open Graph tags -->
<meta property="og:title" content="Ryan DMello's - Portfolio">
<!-- <meta property="og:description" content="A brief description of your portfolio"> -->
<!-- <meta property="og:image" content="https://yoursite.com/path/to/thumbnail.jpg"> -->
<meta property="og:url" content="https://ryandmello.com">
<!-- Optional but recommended -->
<meta property="og:type" content="website">
<title>Ryan</title>
<link rel="stylesheet" href="./css/styles.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<header class="hero-section">
<div class="container">
<div class="hero-content">
<div class="profile-section">
<img src="./assets/images/ryan-niagra.jpeg" alt="profile" class="profile-img">
</div>
<div>
<h1 class="display-4 fw-bold mb-3">Ryan DMello</h1>
<h2 class="h3 mb-4 text-light-emphasis">Software Engineer</h2>
<div class="social-links">
<a href="https://github.com/ryndm"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/ryandmello11/"><i class="fab fa-linkedin"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
</div>
</header>
<section class="py-5 bg-white">
<div class="container">
<h2 class="h2 fw-bold mb-4">About Me</h2>
<p class="lead text-secondary">Backend engineer with 3+ years of experience building scalable distributed systems. Passionate about system design, performance optimization, and clean code. Currently focusing on microservices architecture and cloud-native applications.</p>
</div>
</section>
<section class="py-5 bg-light">
<div class="container">
<h2 class="h2 fw-bold mb-4">Skills</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="h5 fw-bold mb-3">Languages</h3>
<div>
<span class="skill-badge">Python</span>
<span class="skill-badge">C/C++</span>
<span class="skill-badge">Java</span>
<span class="skill-badge">Javascript</span>
<span class="skill-badge">Typescript</span>
<span class="skill-badge">HTML/CSS</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="h5 fw-bold mb-3">Infrastructure & Tools</h3>
<div>
<span class="skill-badge">AWS</span>
<span class="skill-badge">Oracle Cloud Infrastructure</span>
<span class="skill-badge">Docker</span>
<span class="skill-badge">Kubernetes</span>
<span class="skill-badge">Jenkins</span>
<span class="skill-badge">Grafana</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="h5 fw-bold mb-3">Databases</h3>
<div>
<span class="skill-badge">MySQL</span>
<span class="skill-badge">MongoDB</span>
<span class="skill-badge">Redis</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 bg-light">
<div class="container">
<h2 class="h2 fw-bold mb-4">Experience</h2>
<div class="experience-item">
<div class="row">
<div class="col-md-8">
<h3 class="h4 fw-bold mb-1">Software Engineer</h3>
<p class="mb-2">
<span class="experience-company"><a href="https://truweathersolutions.com/" target="_blank">TruWeather Solutions</a></span> •
<span class="experience-date">Sep 2022 - Present</span>
</p>
</div>
</div>
<ul class="experience-list">
<li>Spearheaded the migration of legacy backend systems to containerized microservices using Docker and AWS ECS, boosting scalability, simplifying deployments, and cutting API response time by 20%.</li>
<li>Consolidated two MySQL databases on AWS RDS into one, reducing operating costs by ~50%, easing maintenance, and streamlining backup processes, enhancing overall system efficiency.</li>
<li>Conducted comparative testing of backend services on AWS and Oracle Cloud using Kubernetes and AWS ECS, identifying potential cost savings of 15%.</li>
<li>Streamlined error handling for backend services in SailsJs by creating a centralized error handler, eliminating the need for verbose code, and simplifying integration with Datadog.</li>
</ul>
</div>
<div class="experience-item">
<div class="row">
<div class="col-md-8">
<h3 class="h4 fw-bold mb-1">Software Engineer</h3>
<p class="mb-2">
<span class="experience-company"><a href="https://utopiatech.in/" target="_blank">Utopiatech</a></span> •
<span class="experience-date">Jul 2020 - Jul 2022</span>
</p>
</div>
</div>
<ul class="experience-list">
<li>Engineered and launched over 50 new features for an IoT device management web application using Node.js and Angular, improving functionality and user experience, and expanding the product's applications from smart lighting to security systems in ATMs, leading to a 25% increase in business integration opportunities.</li>
<li>Refactored the React Native mobile application codebase to incorporate modular components and added key features from the web application, resulting in a 25% increase in mobile user adoption.</li>
<li>Designed and built a full-stack web and mobile application for asset tracking and maintenance of IoT devices, leveraging Angular, ExpressJS, MongoDB, and React Native, streamlining processes and saving over 30 hours of manual labor monthly.</li>
<li>Integrated Redis DB for caching IoT device connection information in a Node.js server, supporting over 10,000 socket connections and achieving statelessness for the application, enabling horizontal scaling.</li>
<li>Deployed the Mosquitto MQTT Broker, replacing TCP connections, enhancing reliability by 40%, enabling distributed deployments, and supporting 25% more IoT device connections.</li>
<li>Managed feature development projects from initiation to completion, overseeing timelines, resources, and deliverables effectively, leading to a 95% on-time delivery rate.</li>
<li>Facilitated regular ideation sessions with product managers, gathering feedback and refining feature concepts, resulting in a feature roadmap that met customer needs, increasing customer satisfaction scores by 15%.</li>
</ul>
</div>
</div>
</section>
<section class="py-5 bg-white">
<div class="container">
<h2 class="h2 fw-bold mb-4">Featured Projects</h2>
<div class="row g-4">
<div class="col-lg-4">
<div class="project-card">
<h3 class="h5 fw-bold mb-3">Distributed Key-Value Store</h3>
<p class="text-secondary mb-3">This project implements a distributed key-value store using a Raft consensus algorithm. It's designed to demonstrate advanced concepts in distributed systems, including consensus, load balancing, data persistence, and security features.</p>
<div class="mb-3">
<span class="tech-badge">Python</span>
<span class="tech-badge">Caching</span>
<span class="tech-badge">Load Balancing</span>
</div>
<a href="https://github.com/ryndm/distributed-key-value-store" class="text-decoration-none"><i class="fab fa-github me-2"></i>View Code</a>
</div>
</div>
<!-- <div class="col-lg-4">
<div class="project-card">
<h3 class="h5 fw-bold mb-3">API Gateway Service</h3>
<p class="text-secondary mb-3">Built a scalable API gateway handling 1M+ daily requests, implementing rate limiting, auth, and load balancing.</p>
<div class="mb-3">
<span class="tech-badge">Go</span>
<span class="tech-badge">Kubernetes</span>
<span class="tech-badge">gRPC</span>
<span class="tech-badge">PostgreSQL</span>
</div>
<a href="#" class="text-decoration-none"><i class="fab fa-github me-2"></i>View Code</a>
</div>
</div>
<div class="col-lg-4">
<div class="project-card">
<h3 class="h5 fw-bold mb-3">Event Processing Pipeline</h3>
<p class="text-secondary mb-3">Designed and implemented a real-time event processing pipeline handling 10K events/second using Apache Kafka.</p>
<div class="mb-3">
<span class="tech-badge">Kafka</span>
<span class="tech-badge">Python</span>
<span class="tech-badge">MongoDB</span>
<span class="tech-badge">ELK Stack</span>
</div>
<a href="#" class="text-decoration-none"><i class="fab fa-github me-2"></i>View Code</a>
</div>
</div> -->
</div>
</div>
</section>
<section class="contact-section text-center">
<div class="container">
<h2 class="h2 fw-bold mb-4">Get In Touch</h2>
<p class="mb-4">I'm always interested in hearing about new projects and opportunities.</p>
<a href="mailto:[email protected]" class="btn btn-light btn-lg">
<i class="fas fa-envelope me-2"></i>Email Me
</a>
</div>
</section>
<footer class="footer text-center">
<div class="container">
<p class="mb-0">Built using Claude 3.5 Sonnet</p>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
</body>
</html>