Position: Front-end developer, JS developer, Layout engineer
Category: JavaScript
Experience: 3 years | English: intermediate

Navigation (Mega menu)
Creating new navigation for all resolutions (from 320px width till 2k). I’ve created possibilities to manage all menu,submenus, links via CMS and possibilities to choose different layouts for each submenus/links;

Task was harder because the menu for mobile and desktop versions had a very different layout and list of links, but the menu in CMS must be the same!

On a mobile version all submenus must have the possibility to be a dropdown or simple list of links. If the menu is a dropdown, we need to make it possible to choose how to display these menus by default, open or collapsed.

For the desktop it was absolutely another layout, where editors could choose the count of columns inside each submenu, and displayed up to 15 links in each column, also editors could
manage order of columns.

Also, I have implemented different backgrounds for the whole header according to the page. (By default, the header with nav has a white background, but if the hero image is placed on a
page, the header automatically changes to transparent and the changed state to fixed with overlay properties).

Interactive map
On one of the projects, the task was to develop an interactive map on which the user can see metro stations, public transport stops, restaurants, and local attractions. 

The map was developed using Mapbox GL + API from vendors. The functionality allowed you to zoom in on the map, see expanded pins with a photo and a rating, when you click on a pin, a card with detailed information, description, rating, photos, and reviews opens.

Page speed improvements
One of the long-term tasks was to improve the page loading speed of several sites.

I used google page speed to evaluate the quality of page loading, after which I worked on weak points!

The work included: creating critical css and js files, which include all the styles and scripts that are needed for the normal functioning of the first screen. After that, I performed lazy loading of all scripts and initialized them until the user interacted with them. Finally, minification of all styles and scripts, compression, as well as compression of images to a minimum size without loss of quality.
Company/Project: Nortal (Thomas Cook)
Position: Middle Front-end Developer
Period: 08.2022 – till now
Responsibilities:
Supporting,redesign and implementation of new features for a travel booking site (www.thomascook.com). (Vanilla JS,WebPack, CSS (SCSS), CMS Magnolia, Freemarket template language);

Company/Project: Maklai 
Position: Middle Front-end Developer
Period: 10.2019 – 09.2021 
Responsibilities:
Support, redesign, creation of new features for sites similar to booking.com and air.bnb (booked.net is one of our projects) (Vanilla JS\jQuery, WebPack 4, CSS (SCSS), PHP (Smarty);

Company/Project:Moneyveo 
Position: Front-end Developer
Period: 05.2019 – 01.2020
Responsibilities:
Support and maintenance of a main site (Vanilla JS,WebPack, CSS (Sass), Docker, basic knowledge in C#/.NET);

Company/Project: Innovations Development Lab
Position: Junior Front-end Developer
Period: 08.2018 – 02.2019
Responsibilities:
Development of web-interfaces (HTML, CSS (Sass, Scss), JavaScript (jQuery), Web-Pack);
The ideal job for me would be to work on a cool, modern project or be able to work on multiple projects (be it a product or building new websites/apps).

It is important for me to make a beautiful and user-friendly visual using modern technologies!