-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
407 lines (404 loc) · 16.6 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
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kritsana Wipankhet - CV (Curriculum Vitae)</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<script
src="https://kit.fontawesome.com/360f115c61.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="container">
<div class="action">
<div class="action-list">
<div id="locale" class="">
<i class="fa-solid fa-earth-americas"></i>
</div>
<div id="download">
<a id="download-link"
href="/Kritsana Wipankhet - CV (Curriculum Vitae) - English.pdf"
target="_blank"
><i class="fa-solid fa-cloud-arrow-down"></i
></a>
</div>
<div id="print">
<a href="javascript:window.print()"
><i class="fa-solid fa-print"></i
></a>
</div>
</div>
</div>
<div class="header">
<div class="profile">
<div class="profile-image">
<img src="./profile-picture.jpg" alt="Kritsana Wipankhet" />
</div>
<div class="profile-info">
<div id="profile-name" class="name">KRITSANA WIPANKHET</div>
<div id="profile-faculty" class="faculty">
Web & Mobile Application Developer
</div>
<div id="profile-summary" class="summary">
Freelance Web Designer & Developer. I design and develop websites,
web applications , mobile applications , IOT development. Be a
consultant and recommend about the development of applications for
friends, students and the general public. experienced with all
stages of the development for web projects. Excellent knowledge in
many programming languages such as JavaScript(Vue.js, React.js ,
Next.js, Node.js ), Flutter (Dart) , Typescript , PHP (Laravel
framework), ASP.NET (.NET6) , and CSS
</div>
</div>
</div>
<div class="tabs">
<div class="about-me">
<div class="birthdate">
<i class="fa-solid fa-cake-candles"></i>
<span id="profile-birthdate">22 March 1998, 25 Years old</span>
</div>
<div id="profile-address" class="address">
75/1 M.9 T. Pratupa A. Mueanglamphun Lamphun 51000 , Thailand
</div>
</div>
<div class="contacts">
<div class="triangle"></div>
<div class="contacts-list">
<div>
<i class="fa-solid fa-phone"></i> <span> +66 82-6165190</span>
</div>
<div>
<a href="mailto:[email protected]" target="_blank"
><i class="fa-solid fa-envelope"></i
><span> [email protected]</span></a
>
</div>
<div class="list-social">
<!-- <div>
<a
href="https://www.facebook.com/Kritsanawipankhet/"
target="_blank"
><i class="fa-brands fa-facebook-square"></i
></a>
</div> -->
<div>
<a
href="https://www.linkedin.com/in/kritsanawipankhet/"
target="_blank"
><i class="fa-brands fa-linkedin"></i
></a>
</div>
<div>
<a href="https://github.com/Kritsanawipankhet" target="_blank"
><i class="fa-brands fa-github-square"></i><span></span
></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="work-section">
<div class="experience">
<div class="title">
<i class="fa-solid fa-briefcase"></i>
<span id="work-experience">WORK EXPERIENCE</span>
</div>
<div class="experience-list">
<ul>
<li class="column-list">
<div class="date">
<span id="nttdata-date">May 2, 2023 - Currently</span>
<p id="location-bangkok">Bangkok, Thailand</p>
</div>
<div class="description">
Junior Developer
<p>NTT DATA (Thailand) Co., Ltd.</p>
<ul>
<li id="nttdata-l1">Developed a POS system and was assigned as a Full Stack Developer to create applications using Vue.js as the front-end framework and Node.js for back-end development</li>
</ul>
</div>
</li>
<li class="column-list">
<div class="date">
<small id="internal-transfer">Internal transfer to</small>
<br />
<small>NTT DATA (Thailand) Co., Ltd.</small>
<br />
<span id="locus-date">June 1, 2022 - April 28, 2023</span>
<br />
<p id="location-bangkok">Bangkok, Thailand</p>
</div>
<div class="description">
Associate Developer
<p>Locus Telecommunication Inc., Ltd.</p>
<ul>
<li id="locus-l1">
Developed a CRM system using the low-code platform
called OutSystems to create the application.
</li>
<li id="locus-l2">
Developed the E-FROM system and have been assigned the
role of a Full Stack developer to build the application
using Angular.js as the front-end framework and Java
Spring Boot as the back-end.
</li>
</ul>
</div>
</li>
<li class="column-list">
<div class="date">
<small id="internship">Internship</small> <br />
<span id="makerasia-date"
>March 11, 2018 - May 10, 2018</span
>
<p id="location-chiangmai">Chiang Mai, Thailand</p>
</div>
<div class="description">
Web & Program Developer
<p>Maker Asia (Chiang Mai Maker Club)</p>
<ul>
<li id="makerasia-l1">
Create and develop web applications To be able to work
with IOT devices such as bringing the value of the
sensor received to display on the monitor in Real-time.
Using programming languages C# , Python , JavaScript and
Node.js
</li>
<li id="makerasia-l2">
Create and development of the devices, sensors and
software that allows the device to connect seamlessly
with other systems. Create, test and document IoT
solutions with integrated systems and devices.
</li>
</ul>
</div>
</li>
<li class="column-list">
<div class="date">
<small id="internship">Internship</small> <br />
<span id="ltc-date">May 6, 2015 - Sep 19, 2015</span>
<p id="location-lamphun">Lamphun, Thailand</p>
</div>
<div class="description">
IT Assistant
<p>Lamphun Technical College</p>
<ul>
<li id="ltc-l1">
The computer network and all the installed equipment,
despite being configured, continue to encounter daily
issues. In my role as an IT assistant, I am responsible
for inspecting the university's network to identify
errors, repairing malfunctioning equipment, and
completing necessary fixes on a daily basis.
</li>
<li id="ltc-l2">
In the event that the college purchases a new computer
network, as an IT assistant, I will be responsible for
installing and configuring the new network to ensure
that the staff can start using it as quickly as
possible. Additionally, the new computer network will
need to be configured to meet the specific needs of the
college.
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<hr class="line-section" />
</div>
<div class="top"></div>
<div class="content">
<div class="center-section">
<div class="section">
<div class="education">
<div class="title">
<i class="fa-solid fa-graduation-cap"></i>
<span id="education">EDUCATION</span>
</div>
<div class="education-list">
<ul>
<li>
<p id="bachelor" class="faculty">
Bachelor of engineering in Computer Engineering
</p>
<p>
<span id="GPAX" class="gpa">GPAX:</span>
<span id="kmitl-graduate" class="graduate"> 2.44, Graduating in 2022</span>
</p>
<p class="location">
<a
href="http://www.kmitl.ac.th"
target="_blank"
id="kmitl-name"
>King Mongkut's Institute of Technology Ladkrabang</a
>
</p>
</li>
<li>
<p id="higher-vocational-certificate" class="faculty">
First Class Honors Higher Vocational Certificate in
Computer Networking Technology
</p>
<p>
<span id="GPAX" class="gpa">GPAX:</span>
<span id="cmtc-graduate"class="graduate">3.72, Graduated in 2018</span>
</p>
<p class="location">
<a
href="http://www.cmtc.ac.th"
target="_blank"
id="cmtc-name"
>Chiang Mai Technical College</a
>
</p>
</li>
<li>
<p id="vocational-certificate" class="faculty">
Vocational Certificate in Electronics
</p>
<p>
<span id="GPAX" class="gpa">GPAX:</span>
<span id="ltc-graduate" class="graduate">3.31, Graduated in 2015</span>
</p>
<p class="location">
<a
href="http://www.ltc.ac.th"
target="_blank"
id="ltc-name"
>Lamphun Technical College</a
>
</p>
</li>
</ul>
</div>
</div>
<div class="achievements">
<div class="title">
<i class="fa-solid fa-trophy"></i>
<span id="achievements">ACHIEVEMENTS</span>
</div>
<div class="achievements-list">
<ul>
<li id="achievements-l1">
The Second Runner-up, TurtleBOT3 Thailand Championship 2019
</li>
<li id="achievements-l2">
The Winner, Thailand National Micro Controller Skills
Competition 2018
</li>
</ul>
</div>
</div>
<div class="project">
<div class="title">
<i class="fa-regular fa-file-lines"></i>
<span id="project-before-graduate"
>PROJECT BEFORE GRADUATE</span
>
</div>
<div class="project-list">
<ul>
<li>
Identity and Access Management Distributed Application on
Blockchain
<p>
Blockchain-based decentralized application access
management system It is a service that helps for managing
digital identity on Blockchain to deal with data security.
Prevent forgery Reduce dependency on multiple service
providers. Decentralize identity management for users.
Saves users from having to remember a lot of their
credentials. Same as other service providers.
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="section">
<div class="tecnical-skills">
<div class="title">
<i class="fa-solid fa-toolbox"></i>
<span id="technical-skill">TECHNICAL SKILL</span>
</div>
<div class="tecnical-skills-list">
<p>Web Development Skills</p>
<ul>
<li>
Frontend Developer
<p>
Javascript , Typescript , React.js , Next.js , Vue.js, HTML5 and
CSS
</p>
</li>
<li>
Backend Developer
<p>- Node.js , PHP , ASP.NET (.NET6)</p>
<p>
- Database Relational database (MySQL , ProgresSQL ) and
Non-relational database (Mongo , Firebase)
</p>
<p>
- Cloud Computing Service used Microsoft Azure and Google
Cloud
</p>
</li>
</ul>
<p>Mobile Development Skills</p>
<ul>
<li>Flutter (Dart)</li>
<!-- <li>React Native</li> -->
</ul>
<p>IOT Development Skills</p>
<ul>
<li>
Raspberry Pi, Arduino
<p>
Write a program on the Esp , Arduino board and other
board.
</p>
</li>
<li>
Design a circuit and create a circuit from the design for
IOT
</li>
</ul>
<p>Blockchain Development Skills</p>
<ul>
<li>
Ethereum Smart Contract, Solidity.
<p>Ether.js , Web3.js , truffle and ganache</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-content">
<a href="http://github.com/kritsanawipankhet" target="_blank">Kritsanawipankhet.github.io</a>
</div>
</div>
</div>
<script type="application/javascript" src="./index.js"></script>
</body>
</html>