-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
304 lines (289 loc) · 13.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Leyla Kandalova</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='./styles/main.css'>
<link rel='stylesheet' type='text/css' media='screen' href='./styles/slider.css'>
<script defer src="./scripts/theme-switch.js"></script>
<script defer src="./scripts/main.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
</head>
<body>
<nav>
<div class="theme-switch-wrapper">
<label for="checkbox" class="theme-switch">
<input type="checkbox" id="checkbox"/>
<div class="slider round"></div>
</label>
<em>Enable Light Theme</em>
</div>
</nav>
<div id="container--main">
<section id="wrapper--hero" class="section--page">
<img id="profile--pic" src="./assets/images/kandalova.jpg"/>
<div>
<h1 id="username">Leyla Kandalova</h1>
<p id="bio">Software engineer on the frontend side with a commercial background and a strong foundation in IT and Math education.</p>
<p> 👉 <a id="email" target="_blank" rel="noopener noreferrer" href="mailto:[email protected]">[email protected]</a></p>
</div>
</section>
<section id="section--page">
<div id="socials--links">
<a href="https://github.com/kandalova" target="_blank">Github</a>
<!-- <a href="#" target="_blank">LinkedIn</a>
<a href="#" target="_blank">Twitter</a>
<a href="#" target="_blank">Download Resume</a> -->
</div>
</section>
<section class="section--page">
<h2>Skills and Qualifications</h2>
<ul id="skills--list">
<li>✅ JavaScript developer with 4 years of experience in Web development</li>
<li>✅ Experienced in building large-scale web applications and systems that meet business requirements and user needs</li>
<li>✅ Skilled in analyzing and optimizing software performance</li>
<li>✅ Identifying and fixing bugs</li>
<li>✅ Implementing best practices for code maintainability and readability</li>
<li>✅ Created responsive and user-friendly web designs</li>
<li>✅ Implemented unit tests to ensure high code quality</li>
<li>✅ Experienced in Scrum methodologies</li>
<li>✅ Worked collaboratively with cross-functional teams in multicultural environments</li>
<li>✅ Fluent in English at a B1+ level</li>
<li>✅ Managed communication inside project</li>
<li>✅ Addresed issues unrelated to direct responsibilities but falling within the purview of the customer's team</li>
</ul>
</section>
<section class="section--page">
<h2>Tech Stack</h2>
<div id="wrapper--techstack__items">
<div class="card--techstack">
<span>JavaScript, HTML, CSS</span>
</div>
<div class="card--techstack">
<span>SAPUI5, SAP Fiori</span>
</div>
<div class="card--techstack">
<span>Vue, Nuxt, Vuex</span>
</div>
<div class="card--techstack">
<span>React, Router, Mobx, Next</span>
</div>
<div class="card--techstack">
<span>Typescript</span>
</div>
<div class="card--techstack">
<span>Node.js, Express.js</span>
</div>
<div class="card--techstack">
<span>OData</span>
</div>
<div class="card--techstack">
<span>XML</span>
</div>
<div class="card--techstack">
<span>jQuery, AJAX, RESTful APIs</span>
</div>
<div class="card--techstack">
<span>GitHub, Gitlab, Bitbuket</span>
</div>
<div class="card--techstack">
<span>Jira</span>
</div>
<div class="card--techstack">
<span>Tailwind</span>
</div>
<div class="card--techstack">
<span>Antd</span>
</div>
<div class="card--techstack">
<span>MS Windows, Linux</span>
</div>
<div class="card--techstack">
<span>NPM, YARN</span>
</div>
<div class="card--techstack">
<span>VS Code, WebShtorm</span>
</div>
<div class="card--techstack">
<span>Scrum, Kanban</span>
</div>
</div>
</section>
<section id="work-history-wrapper" class="section--page">
<h2>Work History</h2>
<div class="line-break"></div>
<div class="card--work-history">
<strong>SOFTWARE ENGINEER | <a href="https://sgaz.pro/index.html" target="_blank">SGAZ.pro</a></strong>
<div class="block-switch-wrapper">
<div class="block-switch--header">
<p>React development for DS LLC "Gazpromneft"</p>
</div>
<div class="block-switch--body">
<p>12.2023 - Present</p>
<p>Worked on the <a href="https://sgaz.pro/nsk/about.html" target="_blank">system</a> is an EDMS in the field of industrial construction with functionalities of ERP and CRM components.</p>
<ul>
<li>Maintained 4 microservices: fix bugs, add new functionality</li>
<li>Maintained an aggregation host for embedding into microservices</li>
<li>Maintained and developed component base, creating custom components based on antd</li>
<li>Fixed critical npm vulnerabilities</li>
<li>Fixed architecture and logic for MVVM compliance</li>
<li>Version, tags, tasks management</li>
<li>Integrated Sentry.</li>
<li>Implemented microservices in the main aggregation host</li>
<li>Implemented of new version of loader for microservices (more abstract and universal)</li>
<li>Plugged in SSE</li>
<li>Maintained documentation</li>
</ul>
<p class="p--small">WebStorm, NPM, Yarn, Chrome Dev Tools, Jira, Figma, HTML, JavaScript, CSS, Git, React.js, Webpack, antd, TypeScript, Linux</p>
</div>
</div>
</div>
<div class="line-break"></div>
<div class="card--work-history">
<strong>SOFTWARE ENGINEER | <a href="https://www.epam.com/" target="_blank">EPAM</a></strong>
<div class="block-switch-wrapper">
<div class="block-switch--header">
<p>SAP development for adidas</p>
</div>
<div class="block-switch--body">
<p>03.2022 - 12.2023</p>
<p>Worked on customer projects as UI-developer (fiori-developer)</p>
<ul>
<li>Developed set of SAP Fiori applications accordingly to Fiori and customer principles</li>
<li>Consumed OData v2 services</li>
<li>Internationalization</li>
<li>Developed reusing and custom UI parts and fragments</li>
<li>Added standard Fiori elements</li>
<li>Developed UI5 extensions</li>
<li>Updated eslint version with mandatory fixes</li>
<li>Simplified some JS methods</li>
<li>Developed a custom locking mechanism to prevent multiple users from editing the same object at the same time for business needs</li>
<li>Analyzed the capabilities of the framework with the help of documentation and source code and the differences in its version for the needs of the customer</li>
<li>Conveyed technical information in a clear and understandable manner to business</li>
<li>Managed communication between the customer's project and the customer's development team</li>
<li>Addresed issues unrelated to direct responsibilities but falling within the purview of the customer's team</li>
</ul>
<p class="p--small">VS Code, NPM, Bitbucket, Jira, Confluence, SAP Fiori tools, SAP Fiori, SAPUI5, JavaScript, OData, XML</p>
</div>
</div>
<div class="block-switch-wrapper">
<div class="block-switch--header">
<p>Internal educational project</p>
</div>
<div class="block-switch--body">
<p>10.2021 - 02.2022</p>
<ul>
<li>Developed set of SAPUI5 applications accordingly to Fiori principles</li>
<li>Consumed OData v2/v4 services</li>
<li>Used MVC pattern and JSON and OData models</li>
<li>Internationalization</li>
<li>Used routing with parameters, filtering, sorting</li>
<li>Developed reusing UI parts</li>
</ul>
<p class="p--small">VS Code, NPM, GIT, SAP Fiori tools, SAPUI5, XML, OData, JavaScript</p>
</div>
</div>
</div>
<div class="line-break"></div>
<div class="card--work-history">
<strong>FRONTEND DEVELOPER | <a href="https://ananas-web.ru/" target="_blank">LLC "ANANAS. IT SOLUTIONS"</a></strong>
<div class="block-switch-wrapper">
<div class="block-switch--header">
<p>Information site and educational platform with a user role model</p>
</div>
<div class="block-switch--body">
<p>08/2020 - 10/2021</p>
<p>Project on vocational guidance, accelerated vocational training, retraining and advanced training.</p>
<p>According to the tender, the <a href="https://copp75.ru/" target="_blank">platform</a> had to be completed by a certain time. The platform should have a role division that allows you to distinguish between the rights of users and their tasks.</p>
<ul>
<li>Development of a project from scratch in a team</li>
<li>Development of a library of reusable interface components</li>
<li>Created all the animation on the portal (parallax effects) from Figma</li>
<li>Organization of work of localStorage, Proxy, Middleware, Route</li>
<li>Responsive Web Design</li>
<li>Added interactive maps into the site</li>
<li>Working with strict deadlines for a government client, overtime</li>
<li>Internationalization</li>
</ul>
<p class="p--small">WebStorm, NPM, Yarn, Chrome Dev Tools, Jira, Figma, HTML, JavaScript, CSS, Git, Vue,js, Nuxt.js, TailWind, TypeScript
</p>
</div>
</div>
<div class="block-switch-wrapper">
<div class="block-switch--header">
<p>Visual editor for building a bot</p>
</div>
<div class="block-switch--body">
<p>11/2019 - 10/2021</p>
<p>Working on the universal <a href="https://twin24.ai/" target="_blank">platform</a> that allows you to create voice assistants and non-voice bots for websites, social networks, instant messengers, media and mail services.</p>
<ul>
<li>Fixed bugs and problems, including urgent ones</li>
<li>Improved user interface: added typical and custom elements, validation, hints</li>
<li>Configured promises for successful requests</li>
<li>Worked with Vuex localStorage</li>
<li>Parsed the information in the required view for the server</li>
<li>Implemented a calculator algorithm with custom math functions (rpn notation)</li>
<li>Expanded the functionality of existing components</li>
<li>Configured bubbling of events</li>
<li>Simple WebSocket Integration on the client side</li>
<li>Integration of Yandex's speech recognition tools on the client side</li>
<li>Indirect responsibilities: making changes to PHP code without prior knowledge to fix a bug</li>
<li>Indirect responsibilities: generation HTML docs for printing</li>
</ul>
<p class="p--small">WebStorm, NPM, Yarn, Chrome Dev Tools, Jira, Figma, HTML, JavaScript, CSS, Git, Vue,js, Nuxt.js, TailWind, TypeScript</p>
</div>
</div>
</div>
<!-- <div data-include="collapsedProject"></div> -->
<!-- <div class="card--work-history">
<collapsed-block id="1"></collapsed-block>
<collapsed-block id="2"></collapsed-block>
</div> -->
</section>
<section class="section--page">
<!-- <h2>Projects and accomplishments</h2> -->
<h2>Some of pet projects</h2>
<div class="card--project">
<a target="_blank" href="https://github.com/kandalova/node-mentoring-introduction"><span>⭐ </span>Node.js mentoring program from EPAM</a>
</div>
<div class="card--project">
<a target="_blank" href="https://github.com/kandalova/node-mentoring-shop"><span>⭐ </span>Express application for online shop</a>
</div>
<div class="card--project">
<a target="_blank" href="https://github.com/kandalova/node-file-manager"><span>⭐ </span>Node.js file manager</a>
</div>
<div class="card--project">
<a target="_blank" href="https://github.com/kandalova/digital_resume"><span>⭐ </span>This digital resume</a>
</div>
<div class="card--project">
<a target="_blank" href="https://github.com/kandalova/react-fundamentals"><span>⭐ </span>React mentoring progrmam from EPAM</a>
</div>
<div class="card--project">
<a target="_blank" href="https://github.com/kandalova/js-fe-concepts"><span>⭐ </span>Some js concepts</a>
</div>
<div class="card--project">
<a target="_blank" href="https://github.com/kandalova/react_task_tracker"><span>⭐ </span>React task tracker</a>
</div>
<div class="card--project">
<a target="_blank" href="https://github.com/kandalova/react_tic_tac_toe"><span>⭐ </span>React tic-tac toe</a>
</div>
</section>
<section class="section--page">
<h2>Education</h2>
<div class="card--work-history edu">
<strong><a href="https://urfu.ru/en/" target="_blank">URAL FEDERAL UNIVERSITY</a></strong>
<p><span>Faculty:</span> Radioelectronics and Information Technology</p>
<p><span>Degree:</span> Master</p>
</div>
<div class="line-break"></div>
<div class="card--work-history edu">
<strong><a href="https://urfu.ru/en/" target="_blank">URAL FEDERAL UNIVERSITY</a></strong>
<p><span>Faculty:</span> Radioelectronics and Information Technology</p>
<p><span>Degree:</span> Bachelor</p>
</div>
<div class="line-break"></div>
</div>
</body>
</html>