Skip to content

Commit b43417b

Browse files
[Update] Info and added preprocessors
Signed-off-by: Nikolay Vitkov <[email protected]>
1 parent f30beeb commit b43417b

File tree

12 files changed

+10612
-430
lines changed

12 files changed

+10612
-430
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
**/node_modules

README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
# lightning00blade.github.io
2+
23
Personal CV Portfolio

index.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

index.html

Lines changed: 155 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1">
77
<meta name="description" content="Nikolay Vitkov">
88
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
9-
<link href="style.css" rel="stylesheet">
9+
<link href="index.css" rel="stylesheet">
1010
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
1111
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
1212
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Oswald:400,700&amp;subset=cyrillic" rel="stylesheet">
@@ -30,43 +30,115 @@
3030
<h1 class="section__title info__name">Nikolay Ivanov Vitkov</h1>
3131
<p class="info__place">Plovdiv, Bulgaria</p>
3232
<p class="info__mail"><a href="mailto:[email protected]">[email protected]</a></p>
33-
<p class="info__phone"><a href="tel:+35989688****">+359 896 88****</a></p>
33+
<!-- <p class="info__phone"><a href="tel:+35989688****">+359 896 88****</a></p> -->
3434
</div>
3535
</section>
3636
<section id="about" class="section section--about">
3737
<h1 class="section__title about__title">About Me</h1>
38-
<p class="about__text">A self-made programmer who is passionate about solving complex problems. The main thing helping me overcome these challenges are my Math and Logic skills. Currently looking to start my first job as a full-time developer. Working on expanding and improving my photography portfolio to take it to semi-professional level.</p>
38+
<p class="about__text">
39+
A self-made programmer who is passionate about solving complex problems.
40+
The main thing helping me overcome these challenges are my Math and Logic skills, and the colleagues around me.
41+
Currently developing new aspects and skill around - couching others and finding the perfect fit for a position.
42+
Working on expanding and improving my photography portfolio to take it to professional level.
43+
</p>
3944
<div class="separator about__img"></div>
4045
</section>
4146
<section id="skills" class="section section--skills">
4247
<h1 class="section__title skills__title">Skills</h1>
4348
<div class="information skills__wrapper">
44-
<div class="information__portion skills__portion skills__comp-skills">
45-
<h2 class="portion__title">Computer Knowledge</h2>
49+
<div class="information__portion skills__portion skills__comp-fe">
50+
<h2 class="portion__title">Front End Development:</h2>
4651
<ul class="portion__list">
4752
<li data-info="">
48-
<span class="list__subtitle">Front end development:</span>
53+
<span class="list__subtitle">Fundamental:</span>
4954
<ul>
50-
<li data-info="Up to date with HTML5 and Its browser support/implementation." class="list__info">HTML</li>
51-
<li data-info="Great understanding of CSS3. Currently learning SASS (SCSS variant) preprocessor." class="list__info">CSS</li>
52-
<li data-info="Knowledge of syntax and best practices. Beginner understanding of library such as jQuery." class="list__info">JavaScript</li>
55+
<li data-info="Up to date with HTML5 and Its browser support/implementation." class="list__info">
56+
HTML
57+
</li>
58+
<li data-info="Great understanding of CSS3. A lot of experience with SASS (SCSS variant) preprocessor."
59+
class="list__info">
60+
CSS / SASS
61+
</li>
62+
<li data-info="Excellent understanding of design-pattern, ES6 and above" class="list__info">
63+
JavaScript
64+
</li>
65+
<li data-info="Profusion use of all aspects of the superset." class="list__info">
66+
TypeScripts
67+
</li>
5368
</ul>
5469
</li>
5570
<li data-info="">
56-
<span class="list__subtitle">Back end development:</span>
71+
<span class="list__subtitle">Frameworks:</span>
5772
<ul>
58-
<li data-info="Best practices and understating of security risk and to avoid them." class="list__info">PHP</li>
59-
<li data-info="Creating databases and their logic from scratch." class="list__info">MySQL</li>
73+
<li data-info="Full understanding of the framework. And all of it's side libraries - Vue-Router, Vux."
74+
class="list__info">
75+
Vue.JS
76+
</li>
77+
<li data-info="Sufficient base understanding of the framework and React-Router. Mainly used with React hooks."
78+
class="list__info">
79+
React.JS
80+
</li>
6081
</ul>
6182
</li>
62-
<li data-info="Full understanding of the Office family. Main points being Excel and PowerPoint" class="list__info">Mircosoft Office</li>
63-
<li data-info="Mainly used to enhance photos and images." class="list__info">Adobe Lightroom & Photoshop</li>
83+
<li data-info="Understanding ways to properly make Unit test. A little experience with E2E." class="list__info">
84+
Testing - Jest and Chai/Mocha.
85+
</li>
86+
</ul>
87+
</div>
88+
<div class="information__portion skills__portion skills__comp-be">
89+
<h2 class="portion__title">Back End Development:</h2>
90+
<ul class="portion__list">
91+
<li data-info="">
92+
<span class="list__subtitle">Frameworks:</span>
93+
<ul>
94+
<li data-info="Understanding the ins and outs of the framework and using new feature and best practices."
95+
class="list__info">
96+
PHP - Laravel
97+
</li>
98+
<li data-info="Creating quick and reliable APIs or lambdas." class="list__info">
99+
Node.JS - Express, Apollo
100+
</li>
101+
<li data-info="Used to simplify the BE - FE work flow and remove blockers in development process." class="list__info">
102+
GraphQL
103+
</li>
104+
</ul>
105+
</li>
106+
<li data-info="Creating and updating server - SSL certificate integration" class="list__info">Nginx</li>
107+
<li data-info="Integration with both Laravel and Node.JS applications. Providing dynamic content on the fly."
108+
class="list__info">WebSockets</li>
109+
<li data-info="Security and management of the database." class="list__info">MySQL</li>
110+
<li data-info="Used with Node.JS and GraphQL" class="list__info">
111+
MongoDB
112+
</li>
113+
</ul>
114+
</div>
115+
<div class="information__portion skills__portion skills__comp-other">
116+
<h2 class="portion__title">Other Computer Skills:</h2>
117+
<ul class="portion__list">
118+
<li data-info="Simplify big tasks into a single executable file - why ask for more?" class="list__info">Bash Scripting</li>
119+
<li data-info="Used for automating tasks - primarily back server data." class="list__info">
120+
Cron Jobs
121+
</li>
122+
<li>
123+
C/C++ Knowledge
124+
</li>
125+
<li>
126+
Python Knowledge
127+
</li>
128+
<li>
129+
Mentoring skills
130+
</li>
131+
<li>
132+
Interviewing skills
133+
</li>
134+
<li data-info="Full understanding of the Office family. Main points being Excel and PowerPoint." class="list__info">Mircosoft Office</li>
135+
<li data-info="Used to enhance photos and images." class="list__info">Adobe Lightroom & Photoshop</li>
64136
</ul>
65137
</div>
66138
<div class="information__portion skills__portion skills__languages">
67139
<h2 class="portion__title">Languages</h2>
68140
<ul>
69-
<li data-info="Native language" class="list__info">
141+
<li data-info="Native language." class="list__info">
70142
Bulgarian
71143
</li>
72144
<li data-info="Excellent writing and communication skills. This is proven by my TOEFL iBT score of 99 points." class="list__info">
@@ -82,29 +154,88 @@ <h2 class="portion__title">Additional skills</h2>
82154
<li data-info="Amateur photographer with desire to find and learn creative ways to push images to art." class="list__info">
83155
Photography
84156
</li>
85-
<li data-info="C/C++ Knowledge" class="">
86-
C/C++ Knowledge
87-
</li>
88-
<li data-info="Python Knowledge" class="">
89-
Python Knowledge
90-
</li>
91157
</ul>
92158
</div>
93159
</div>
94160
<div class="separator skills__img"></div>
95161
</section>
96162
<section class="section section--work-exp">
97-
<div class="section__title">Work Expreince</div>
163+
<div class="section__title">Work Experience</div>
98164
<div class="information exp__wrapper">
165+
<div class="information__portion exp__portion exp__first">
166+
<h2 class="portion__title">
167+
Promoted and project change - <a href="https://mentormate.com/bg/">MentorMate</a> - Software Development - April 2020
168+
2019
169+
</h2>
170+
Video sharing platform.<br>
171+
<b>Responsibilities:</b>
172+
<ul>
173+
<li>Understanding the old codebase (Homebrew framework and CoffieScript, AngularJS) and new Vue.JS with TypeScripts</li>
174+
<li>Develope features for the player. Worked on 360 video</li>
175+
<li>Created reusable Chart Components for their reusable repo.</li>
176+
<li>Continue to have excellent a11y and i18n functionality.</li>
177+
</ul>
178+
</div>
179+
<div class="information__portion exp__portion exp__first">
180+
<h2 class="portion__title">
181+
Non-work project - Brokerage software - July 2019
182+
</h2>
183+
The project is for internal system of a brokerage house. It required fast load times and update on the fly.
184+
Creating detailed statistic of user actions. Like other system customizable permission system and restriction.<br>
185+
<b>Responsibilities:</b>
186+
<ul>
187+
<li>Choose technologies to use. Bootstrap the project. (Laravel and Vue.JS)</li>
188+
<li>Set up server and back-up procedures. Create remote connections and manage security.</li>
189+
<li>Integrhttp-serverated WebSockets for real-time communication and data update.</li>
190+
<li>Create a solution to import an old platforms data and images.</li>
191+
</ul>
192+
</div>
193+
<div class="information__portion exp__portion exp__first">
194+
<h2 class="portion__title">
195+
Project change - <a href="https://mentormate.com/bg/">MentorMate</a> - Junior Software Development - July 2019
196+
</h2>
197+
The project featured a multi-site platform with custom eCommerce website, with a .NET REST API, and SSO integrations.<br>
198+
<b>Responsibilities:</b>
199+
<ul>
200+
<li>Migration from old PHP system to a Custom Multi-site Laravel platform</li>
201+
<li>Developing new features for the current codebase</li>
202+
<li>Lead the migration of the eCommerce site from old PHP base to brand new Vue.JS SPA</li>
203+
<li>Created a sustainable way to reuse code and styles across the multi-site platform</li>
204+
</ul>
205+
</div>
206+
<div class="information__portion exp__portion exp__first">
207+
<h2 class="portion__title">
208+
Promoted and project change - <a href="https://mentormate.com/bg/">MentorMate</a> - Junior Software Development - June 2019
209+
</h2>
210+
</div>
211+
<div class="information__portion exp__portion exp__first">
212+
<h2 class="portion__title">
213+
Started as Software Development Intern - <a href="https://mentormate.com/bg/">MentorMate</a> - March 2019
214+
</h2>
215+
Developed internal software for communication and profile sharing.
216+
<br>
217+
<b>Responsibilities:</b>
218+
<ul>
219+
<li>Schedule meeting between users</li>
220+
<li>Role/Permission System</li>
221+
<li>Rating system - mentors can rate a student</li>
222+
</ul>
223+
<b>Additional requirements:</b>
224+
<ul>
225+
<li>Laravel - REST API</li>
226+
<li>OAuth2 Authentication - Google Authentication</li>
227+
<li>Vue.JS - SPA web application.</li>
228+
</ul>
229+
</div>
99230
<div class="information__portion exp__portion exp__first">
100231
<h2 class="portion__title">Accounting software - February 2018</h2>
101-
Was task to develop specific accounting sotfware for National High School Trade and Commerce.<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.
232+
Was task to develop specific accounting software for National High School Trade and Commerce.<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.
102233
</div>
103234
</div>
104235
<div class="separator exp__img"></div>
105236
</section>
106237
<section class="section section--education">
107-
<div class="section__title">Еducation</div>
238+
<div class="section__title">Education</div>
108239
<div class="information education__wrapper">
109240
<div class="information__portion education__portion education__first">
110241
<h2 class="portion__title">National High School Trade and Commerce - Economist-Computer scientist</h2>

index.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

mix-manifest.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"/index.js": "/index.js",
3+
"/index.css": "/index.css"
4+
}

0 commit comments

Comments
 (0)