Blanchard - sale of art objects ~

HTML, SCSS, BEM, PixelPerfect, Vanilla JavaScript

~ I developed a responsive website for Blanchard, a company specializing in the sale of art objects.

• I integrated the Swiper library into the project, customizing it for various types of sliders while ensuring accessibility (A11y) and interactivity.
• I also implemented interactive tabs and accordions using JavaScript, complemented by smooth animations.
• To optimize performance, I compressed large JPEG images by converting them to the WebP format, significantly reducing load times without sacrificing quality.
• The site is fully compatible with modern browsers (Chrome, Firefox, Safari, Opera, Edge).
• Adaptive layout of the layout is implemented.
• BEM methodology is used for class naming.
• The code passed validation with no errors on the W3C Validator.

Euclid - Project Management Systems ~

HTML5, SASS, BEM, PixelPerfect

~

• The site is implemented according to the main requirements: pixel perfect implementation, all semantic elements are correctly selected
• Adaptive layout of the layout is implemented.
• BEM methodology is used for class naming.
• The code passed validation with no errors on the W3C Validator.

3D Modeling Courses ~

HTML5, SASS, Bootstrap 4, BEM, PixelPerfect

~

• The site is implemented according to the main requirements: pixel perfect implementation, all semantic elements are correctly selected, Bootstrap 4 library is used.
• Adaptive layout of the layout is implemented (using Bootstrap classes, media queries, and the picture tag for image adaptivity).
• BEM methodology is used for class naming.
• The code passed validation with no errors on the W3C Validator.

Personal Project "Kekstagram" ~

Vanilla JavaScript

~ The "Kekstagram" project is a layout of a photo hosting service similar to the popular Instagram application. Users can select their photos, experiment with filters, and leave comments on other users' photos. Currently, the photo publishing function is not implemented, but the main functionality allows users to interact with images and comments.

• This project is my first serious work using JavaScript. Within this project, I acquired and solidified basic skills in JavaScript, such as event handling, DOM interaction, and simple animation creation.

Personal Project "Glacy" ~

HTML5, CSS3, Less, BEM, PixelPerfect

~ This is my first serious layout that I created with great love and effort. The goal of this project was to create a stylish and functional website that displays correctly on various devices and in different browsers.

• For the first time in the project, I used custom checkboxes and other form elements to give the site a unique and modern look.
• Ensured cross-browser compatibility and checked compatibility with browsers such as Chrome, Firefox, Safari, Edge, and Internet Explorer 10+.
• Applied the BEM methodology to organize the structure and naming of classes in HTML and CSS.
• Achieved pixel perfect: every element and detail of the project was carefully drawn with consideration to the layout, ensuring an exact match to the design.

Handmade Toy Store "Mishka" ~

HTML5, CSS3, Less, BEM, Grunt, PixelPerfect, Retina support

~

• Created an adaptive grid for mobile, tablet, and desktop versions using the "fluid" design methodology.
• Ensured graphics adaptability using retina support and vector images.
• Applied the BEM methodology to organize the structure and naming of classes in HTML and CSS.
• Used the Less preprocessor to create styles, including mixins for code reuse.
• Configured task automation with the Grunt tool to simplify the project build process.
• Ensured cross-browser compatibility and tested compatibility with browsers such as Chrome, Firefox, Safari, Edge, and Internet Explorer 11.
• Selected the Open Sans font for comfortable and readable text content.
• Achieved pixel perfect in design, ensuring an exact match to the visual representation of the project layout.

Drag'n Drop ~

Vanilla JavaScript

~ A small web application developed using pure JavaScript, providing an intuitive task management tool with Drag and Drop functionality.

Slider ~

Vanilla JavaScript

~ A slider with beautiful animations, also works with keyboard navigation. Can be used for presenting services, products, and photos.

Mini game ~

Vanilla JavaScript

~ A visual mini-game with dynamic content generation.

Catch the Dot ~

Vanilla JavaScript

~ Catch the Dot game with three screens! Choose the time and catch as many dots as you can within the given time.