-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
314 lines (280 loc) · 12.5 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
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
301
302
303
304
305
306
307
308
309
310
311
312
313
314
<!DOCTYPE html>
<html lang="en">
<head>
<title>CV - Nguyễn Đức Mạnh (nddmanh)</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="icon" type="image/x-icon" href="./iconvn2.png" />
<!-- Library modal video css -->
<link rel="stylesheet" type="text/css" href="./assets/lib/modal-video.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/devresume.css">
</head>
<body>
<!-- Main wrapper -->
<div class="main-wrapper">
<div class="container px-3 px-lg-5">
<article class="resume-wrapper mx-auto theme-bg-light p-5 mb-5 my-5 shadow-lg">
<div class="resume-header">
<div class="row align-items-center">
<div class="resume-title col-12 col-md-6 col-lg-8 col-xl-9">
<h2 class="resume-name mb-0 text-uppercase">Nguyen Duc Manh</h2>
<div class="resume-tagline mb-3 mb-md-0" style="font-weight: 400;">NodeJS Developer</div>
</div>
<!--//resume-title-->
<div class="resume-contact col-12 col-md-6 col-lg-4 col-xl-3">
<ul class="list-unstyled mb-0">
<li class="mb-2"><i class="fas fa-phone-square fa-fw fa-lg mr-2 "></i><a class="resume-link"
href="tel:#">0789 307 845</a></li>
<!-- <li class="mb-2"><i class="fas fa-globe fa-fw fa-lg mr-2"></i><a class="resume-link" href="#">www.nddmanh.com</a></li> -->
<li class="mb-0"><i class="fas fa-map-marker-alt fa-fw fa-lg mr-2"></i>Ha Noi</li>
<li style="margin-top: 10px;" class="mb-2"><i class="fas fa-file-pdf fa-fw fa-lg mr-2"></i><a
href="./assets/file/CV-NguyenDucManh.pdf" download="CV - Nguyen Duc Manh.pdf">Download PDF</a> </li>
</ul>
</div>
<!--//resume-contact-->
</div>
<!--//row-->
</div><!--//resume-header-->
<hr>
<div class="resume-intro py-3">
<div class="media flex-column flex-md-row align-items-center">
<img class="resume-profile-image mb-3 mb-md-0 mr-md-5 ml-md-0 rounded mx-auto"
src="assets/images/nddmanh.png" alt="image">
<div class="media-body text-left">
<p style="font-size: 18px; font-weight: bold;" class="mb-0">
<em>
A backend developer with 2 years of experience, specializing in NestJS and TypeScript.
Additionally, I have proficiency in frontend development using ReactJS and NextJS.
<br>
My objective is to become a full-stack software engineer with a focus on high-performance
solutions and code optimization
</em>
</p>
</div><!--//media-body-->
</div>
</div><!--//resume-intro-->
<hr>
<div class="resume-body">
<div class="row">
<div class="resume-main col-12 col-lg-8 col-xl-9 pr-0 pr-lg-5">
<section class="work-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Work Experiences</h3>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Backend Developer </h4>
<div class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">MIRABO JSC |
Dec 2021 - Present</div>
</div>
<div class="item-content">
<ul class="resume-list">
<li>Design and develop efficient and maintainable software according to the business objectives
and needs of the company’s various clients.</li>
<li>Design and implement API with NestJS.</li>
<li>Build serverless application with Python on Azure Function.</li>
<li>Maintain and develop new features for voice calling application.</li>
</ul>
</div>
</div><!--//item-->
</section><!--//work-section-->
<section class="education-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Education</h3>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Posts and Telecommunications Institute
of Technology</h4>
<div class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
2018 - 2023
</div>
</div>
<div class="item-content">
<p>Bachelor's Degree in Information Technology Engineering. </p>
</div>
</div><!--//item-->
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">ILEC Full-Stack Web Developer Gen 1
</h4>
<div class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">Apr 2021 -
Sep 2021
</div>
</div>
<div class="item-content">
<p>Learn MERN stack</p>
</div>
</div><!--//item-->
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">CS50 online course</h4>
<div class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">Sep 2020 -
Dec 2020
</div>
</div>
<div class="item-content">
<p>Learn computer science.</p>
</div>
</div><!--//item-->
</section>
<!--//education-section-->
<section class="project-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Projects</h3>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Real estate business center</h4>
<div class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">7 months
</div>
</div>
<div class="item-content">
<p>Description: The website is an intermediary channel that helps Japanese people rent, buy and sell real estate,
using many new technologies such as OCR, VR (image 360).
<br>
<span style="display: inline-block; margin-bottom: 5px;">Technology: PHP / Laravel / PostgreSQL
</span>
<br>
</p>
</div>
</div>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Transport management system</h4>
<div class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">5 months
</div>
</div>
<div class="item-content">
<p>Description: The website application about logistics, solve the bill of lading problem for
Japanese customer.
<br>
<span style="display: inline-block; margin-bottom: 5px;">Technology: TypeScript / NestJS / MySQL
</span>
<br>
<!-- <a target="_blank" href="https://game-quay-so.herokuapp.com"><i class="fa fa-laptop fa-fw"
aria-hidden="true"></i></a>
<a target="_blank" href="https://github.com/nddmanh/gameQuaySo" style="margin-left: 15px;"><i
class="fa fa-code fa-fw" aria-hidden="true"></i></a>
<a class="js-modal-btn" data-video-id="LXWIHQRpjig" style="margin-left: 15px; cursor: pointer;"><i
class="fab fa-youtube fa-fw fa-lg"></i></a> -->
</p>
</div>
</div>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Iron and steel management</h4>
<div class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">4 months
</div>
</div>
<div class="item-content">
<p>Description: The website application solve the problem of intermediary statistics, calculations,
and management of iron and steel types between the ordering and the shipping party.
<br>
<span style="display: inline-block; margin-bottom: 5px;">Technology: TypeScript / NestJS / MySQL
</span>
<br>
</p>
</div>
</div>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Camera management</h4>
<div class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">3 months
</div>
</div>
<div class="item-content">
<p>Description: The website helps users monitor and manage pump surveillance cameras,
which users can observe in 360 image format.
<br>
<span style="display: inline-block; margin-bottom: 5px;">Technology: Python / Azure function / MSSQL
</span>
<br>
</p>
</div>
</div>
</section>
</div><!--//resume-main-->
<aside class="resume-aside col-12 col-lg-4 col-xl-3 px-lg-4 pb-lg-4">
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Skills</h3>
<div class="item">
<h4 class="item-title">Frontend</h4>
<ul class="list-unstyled resume-skills-list">
<li class="mb-2">HTML / CSS</li>
<li class="mb-2">Bootstrap / Tailwind CSS</li>
<li class="mb-2">JavaScript ES6 / JQuery </li>
<li class="mb-2">ReactJS / NextJS</li>
</ul>
</div><!--//item-->
<div class="item">
<h4 class="item-title">Backend</h4>
<ul class="list-unstyled resume-skills-list">
<li class="mb-2">TypeScript / Python</li>
<li class="mb-2">NodeJS / ExpressJS / NestJS</li>
<li class="mb-2">Azure function / Blob storage</li>
<li class="mb-2">AWS: EC2 / S3</li>
<li class="mb-2">WebRTC / Colyseus</li>
<li class="mb-2">MySQL / MSSQL / PostgreSQL</li>
</ul>
</div>
<!--//item-->
<div class="item">
<h4 class="item-title">Other</h4>
<ul class="list-unstyled resume-skills-list">
<li class="mb-2">Git / Github / Gitlab</li>
<li class="mb-2">Agile / Scrum</li>
<li class="mb-2">Teamwork</li>
</ul>
</div>
<!--//item-->
</section>
<!--//skills-section-->
<!--//certificates-section-->
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Interests</h3>
<ul class="list-unstyled resume-interests-list mb-0">
<li class="mb-2">Read books</li>
<li class="mb-2">Jogging</li>
</ul>
</section>
<!--//certificates-section-->
</aside>
<!--//resume-aside-->
</div>
<!--//row-->
</div>
<!--//resume-body-->
<hr>
<div class="resume-footer text-center">
<ul class="resume-social-list list-inline mx-auto mb-0 d-inline-block text-muted">
<li class="list-inline-item mb-lg-0 mr-3"><a target="_blank" class="resume-link"
href="https://github.com/nddmanh"><i class="fab fa-github-square fa-2x mr-2"
data-fa-transform="down-4"></i><span class="d-none d-lg-inline-block text-muted">
github.com/nddmanh</span></a></li>
<li class="list-inline-item mb-lg-0 mr-3"><a target="_blank" class="resume-link"
href="https://www.linkedin.com/in/nddmanh"><i class="fab fa-linkedin fa-2x mr-2"
data-fa-transform="down-4"></i><span
class="d-none d-lg-inline-block text-muted">linkedin.com/nddmanh</span></a></li>
<li class="list-inline-item mb-lg-0 mr-lg-3"><a target="_blank" class="resume-link" href="#"><i
class="fas fa-envelope fa-2x mr-2" data-fa-transform="down-4"></i><span
class="d-none d-lg-inline-block text-muted">[email protected]</span></a></li>
</ul>
</div>
<!--//resume-footer-->
</article>
</div>
<!--//container-->
</div>
<!--//main-wrapper-->
<!-- JS for video modal -->
<script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="./assets/lib/modal-video.js"></script>
<script>
new ModalVideo('.js-modal-btn');
</script>
</body>
</html>