-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
266 lines (266 loc) · 11.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Nikolay Vitkov`s CV</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Nikolay Vitkov">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link href="index.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Oswald:400,700&subset=cyrillic" rel="stylesheet">
</head>
<body>
<section id="intro" class="section section--intro">
<div class="intro__links">
<a href="https://www.linkedin.com/in/Lightning00Blade"><i class="fab fa-linkedin"></i></a>
<a href="https://twitter.com/Lighting00Blade"><i class="fab fa-twitter-square"></i></a>
<a href="https://www.facebook.com/Lightning00Blade"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/lightning00blade/"><i class="fab fa-instagram"></i></a>
</div>
<div class="intro__languages">
<ul>
<li><a href="#">EN</a></li>
<li><a href="#">BG</a></li>
</ul>
</div>
<div class="intro__info">
<img src="./images/DSC_0006-2.jpg" class="info__picture" alt="Person">
<h1 class="section__title info__name">Nikolay Ivanov Vitkov</h1>
<p class="info__place">Plovdiv, Bulgaria</p>
<p class="info__mail"><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</section>
<section id="about" class="section section--about">
<h1 class="section__title about__title">About Me</h1>
<p class="about__text">
A self-taught Programmer, who is passionate for solving complex problems. My mathematical and logical skills are the
main thing, that helps me overcome such challenges. I have been currently developing new aspects and skills, related to
coaching others and identifying the perfect fit for a position. I am working on expanding and improving my photography
portfolio, to take it to a professional level.
</p>
<div class="separator about__img"></div>
</section>
<section id="skills" class="section section--skills">
<h1 class="section__title skills__title">Skills</h1>
<div class="information skills__wrapper">
<div class="information__portion skills__portion skills__comp-fe">
<h2 class="portion__title">Front End Development:</h2>
<ul class="portion__list">
<li data-info="">
<span class="list__subtitle">Fundamental:</span>
<ul>
<li data-info="Up to date with HTML5 and Its browser support/implementation." class="list__info">
HTML
</li>
<li data-info="Great understanding of CSS3. A lot of experience with SASS (SCSS variant) preprocessor."
class="list__info">
CSS / SASS
</li>
<li data-info="Excellent understanding of design-pattern, ES6 and above" class="list__info">
JavaScript
</li>
<li data-info="Profusion use of all aspects of the superset." class="list__info">
TypeScripts
</li>
</ul>
</li>
<li data-info="">
<span class="list__subtitle">Frameworks:</span>
<ul>
<li data-info="Full understanding of the framework. And all of it's side libraries - Vue-Router, Vux."
class="list__info">
Vue.JS
</li>
<li data-info="Sufficient base understanding of the framework and React-Router. Mainly used with React hooks."
class="list__info">
React.JS
</li>
</ul>
</li>
<li data-info="Understanding ways to properly make Unit test. A little experience with E2E." class="list__info">
Testing - Jest and Chai/Mocha.
</li>
</ul>
</div>
<div class="information__portion skills__portion skills__comp-be">
<h2 class="portion__title">Back End Development:</h2>
<ul class="portion__list">
<li data-info="">
<span class="list__subtitle">Frameworks:</span>
<ul>
<li data-info="Understanding the ins and outs of the framework and using new feature and best practices."
class="list__info">
PHP - Laravel
</li>
<li data-info="Creating quick and reliable APIs or lambdas." class="list__info">
Node.JS - Express, Apollo
</li>
<li data-info="Used to simplify the BE - FE work flow and remove blockers in development process." class="list__info">
GraphQL
</li>
</ul>
</li>
<li data-info="Creating and updating server - SSL certificate integration" class="list__info">Nginx</li>
<li data-info="Integration with both Laravel and Node.JS applications. Providing dynamic content on the fly."
class="list__info">WebSockets</li>
<li data-info="Security and management of the database." class="list__info">MySQL</li>
<li data-info="Used with Node.JS and GraphQL" class="list__info">
MongoDB
</li>
</ul>
</div>
<div class="information__portion skills__portion skills__comp-other">
<h2 class="portion__title">Other Computer Skills:</h2>
<ul class="portion__list">
<li data-info="Simplify big tasks into a single executable file - why ask for more?" class="list__info">Bash Scripting</li>
<li data-info="Used for automating tasks - primarily back server data." class="list__info">
Cron Jobs
</li>
<li>
C/C++ Knowledge
</li>
<li>
Python Knowledge
</li>
<li>
Mentoring skills
</li>
<li>
Interviewing skills
</li>
<li data-info="Full understanding of the Office family. Main points being Excel and PowerPoint." class="list__info">Mircosoft Office</li>
<li data-info="Used to enhance photos and images." class="list__info">Adobe Lightroom & Photoshop</li>
</ul>
</div>
<div class="information__portion skills__portion skills__languages">
<h2 class="portion__title">Languages</h2>
<ul>
<li data-info="Native language." class="list__info">
Bulgarian
</li>
<li data-info="Excellent writing and communication skills. This is proven by my TOEFL iBT score of 99 points." class="list__info">
English
</li>
</ul>
</div>
<div class="information__portion skills__portion skills__add">
<h2 class="portion__title">Additional skills</h2>
<ul>
<li data-info="I was the one that recorded videos needed for my high school. Also shot weddings and other official events." class="list__info">
Video recording
<li data-info="Amateur photographer with desire to find and learn creative ways to push images to art." class="list__info">
Photography
</li>
</ul>
</div>
</div>
<div class="separator skills__img"></div>
</section>
<section class="section section--work-exp">
<div class="section__title">Work Experience</div>
<div class="information exp__wrapper">
<div class="information__portion exp__portion exp__first">
<h2 class="portion__title">
Software Development - April 2020
</h2>
<h4 class="portion__subtitle">
<a href="https://mentormate.com/bg/">MentorMate</a>
</h4>
Video sharing platform.<br>
<b>Responsibilities:</b>
<ul>
<li>Understanding the old codebase (Homebrew framework and CoffieScript, AngularJS) and new Vue.JS with TypeScripts</li>
<li>Develope features for the player. Worked on 360 video</li>
<li>Created reusable Chart Components for their reusable repo.</li>
<li>Continue to have excellent a11y and i18n functionality.</li>
</ul>
</div>
<div class="information__portion exp__portion exp__first">
<h2 class="portion__title">
Brokerage software - July 2019
</h2>
<h4 class="portion__subtitle">
Non-work project
</h4>
The project is for internal system of a brokerage house. It required fast load times and update on the fly.
Creating detailed statistic of user actions. Like other system customizable permission system and restriction.<br>
<b>Responsibilities:</b>
<ul>
<li>Choose technologies to use. Bootstrap the project. (Laravel and Vue.JS)</li>
<li>Set up server and back-up procedures. Create remote connections and manage security.</li>
<li>Integrhttp-serverated WebSockets for real-time communication and data update.</li>
<li>Create a solution to import an old platforms data and images.</li>
</ul>
</div>
<div class="information__portion exp__portion exp__first">
<h2 class="portion__title">
Junior Software Development - July 2019
</h2>
<h4 class="portion__subtitle">
<a href="https://mentormate.com/bg/">MentorMate</a>
</h4>
The project featured a multi-site platform with custom eCommerce website, with a .NET REST API, and SSO integrations.<br>
<b>Responsibilities:</b>
<ul>
<li>Migration from old PHP system to a Custom Multi-site Laravel platform</li>
<li>Developing new features for the current codebase</li>
<li>Lead the migration of the eCommerce site from old PHP base to brand new Vue.JS SPA</li>
<li>Created a sustainable way to reuse code and styles across the multi-site platform</li>
</ul>
</div>
<div class="information__portion exp__portion exp__first">
<h2 class="portion__title">
Junior Software Development - June 2019
</h2>
<h4 class="portion__subtitle">
<a href="https://mentormate.com/bg/">MentorMate</a>
</h4>
Worked on the creation of an eCommerce WordPress Plugin and accompanying theme.
It required a connection to external service and syncing data.
</div>
<div class="information__portion exp__portion exp__first">
<h2 class="portion__title">
Software Development Intern - March 2019
</h2>
<h4 class="portion__subtitle">
<a href="https://mentormate.com/bg/">MentorMate</a>
</h4>
Developed internal software for communication and profile sharing.
<br>
<b>Responsibilities:</b>
<ul>
<li>Schedule meeting between users</li>
<li>Role/Permission System</li>
<li>Rating system - mentors can rate a student</li>
</ul>
<b>Additional requirements:</b>
<ul>
<li>Laravel - REST API</li>
<li>OAuth2 Authentication - Google Authentication</li>
<li>Vue.JS - SPA web application.</li>
</ul>
</div>
<div class="information__portion exp__portion exp__first">
<h2 class="portion__title">Accounting software - February 2018</h2>
<h4 class="portion__subtitle">
<a href="http://ntg-plovdiv.net/v3/">National High School Trade and Commerce</a>
</h4>
Was task to develop specific accounting software.<br>Web application was chosen for remotely access.<br>The Software was developed in PHP 7.1 and used MySQL database to store the information.
</div>
</div>
<div class="separator exp__img"></div>
</section>
<section class="section section--education">
<div class="section__title">Education</div>
<div class="information education__wrapper">
<div class="information__portion education__portion education__first">
<h2 class="portion__title">National High School Trade and Commerce - Economist-Computer scientist</h2>
Graduated with excellent grades in Computer Science and Economics. Perfect score on final exam.
</div>
</div>
<div class="separator education__img"></div>
</section>
</body>
</html>