Web designer / JavaScript / Frontend Developer

Alexandr Kovalchuk

Portfolio v 2.0 New link

Portfolio v 1.0 Standart link

I Like to learn to grow. I can work and I know how. Hope to become a good programmer. Would be happy to join the team of creators.

NextJS projects

  1. E-commerce App . . . . . . . . . . . . . . . . . . . . . . . . . An online clothing store app built on Next.js with product filtering. [HTML CSS, NextJS, TypeScript-typing, JSON Server - API for product data.]
  2. Next-tutorial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . NextJS tutorial project. [install & configuration, routing & page creation, navigation settings, dynamic routes, working with images, fonts and templates for different application states (loading, 404 errors and others), API using, POST/GET - requests]

React projects

  1. Hutly . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Real estate agency's homepage directly in React with Cursor AI. [HTML CSS, React + API, components, three themes: "light", "medium", "dark", rgb-vars for dif. themes, custom 'useTheme' hook, LocalStorage.]

JavaScript projects

  1. Freelancer portfolio . . . . . . . . . . . . . . . . . . . . . . . . Multi-pages portfolio site. [HTML CSS, JS, Variables. LightBox.] "Details." Ru/En language. Light/Dark themes. Adaptive.
  2. BodyShape. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adaptive HTML SCSS layout of a sports club website. Mobile navigation/adaptation. [ HTML, CSS, CSS Grid, JS, variables, SVG-sprite ].
  3. GoodLyfe - GULP - mobile. . . . . . . . . . . . . . . . . Online store website. Layout on Gulp assembly. HTML, SCSS, JS, Swiper slider. Mixins and variables. Mobile navigation/adaptation. Themes switching. 'Back to top' button.
    [ GULP, HTML, SCSS, JS, variables, Three Swiper sliders, Gallery ].
  4. Dashboard. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Gulp assembly. Author's pagination with validation of extreme values ​​and updating of the page selection interval, fast forward 40 pages, asynchronous functions. Mobile navigation/adaptability vertically and horizontally for 20 devices.
    [ GULP, HTML, SCSS, JS, variables, Anime JS ].
  5. Lamborghini. . . . . . . . . . Adaptive HTML SCSS layout for Lamborghini racing grand final landing page
    [ HTML, SCSS, JS, variables, Grid, Flex, Swiper slider, Google Maps API ].
  6. Travel Agent - GULP - mobile, autocomplete, calendar, swiper slider. . . . . . . . . . Landing page for a travel website using Gulp. HTML, SCSS, flexbox and CSS Grid. Script for autocomplete and hints when entering text. Plugin for selecting a date via a calendar (datepicker). Simultaneous use of several swiper sliders.
    [ GULP, HTML, SCSS, JS, Grid, Flex, Swiper slider ].
  7. Travel X - Swiper Header. . . . . . . . . . . . . . HTML SCSS layout for the creative header of the site using Gulp.
    Swiper slider with parallax effect. Mobile adaptation. Preloader. [ GULP, HTML, SCSS, JS, Swiper slider ].
  8. Elegant Store - GULP - mobile. . . . . . . . . . . . . . Online store website. Home page with product catalog.
    Mobile responsive. Сountdown [ GULP, HTML, SCSS, Grid, Flex, JS, Swiper slider ].
  9. 'Modimal' online store - GULP . . . . . . . . . . . . . Online store landing. Mobile responsive.
    [ GULP, HTML, SCSS, Grid, Flex, JS, Swiper slider. Mixins and variables. Accordion. ].
  10. MNTN-Landing-Page. . . . . . . . . . . . . . . . . . . . . . . Home page. Mobile responsive. Only HTML CSS.
    Flying menu underlines. Animation scroll down & read more.
  11. 2rism. Free Travel Design. . . . . . . . . . . . . . . . . . . . . . . Home page. Mobile responsive. [ HTML CSS, Grid, Flex, JS ] JS scripts (custom: selection, calendar, login with hints). CSS Grid for mobile adaptation.
  12. Panto Furniture Landing. . . . . . . . . . . . . . . . . . . Home page. Mobile responsive. Shopping cart. Cost calculation. [ HTML CSS, Flex, JS, Swiper-slider, variables ] JS interactive (tabs, Swiper-slider). Vars.
  13. Loft House residential complex Landing. . . . . . Home page. Mobile responsive. [ HTML, CSS Grid, Flex, SCSS, JS, variables, Youtube Lightbox. Google Maps ]
  14. Alivio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Mobile responsive website layout. [ HTML CSS, Flex, JS ] Home page. Mobile responsive. JS scripts (video section).
  15. https://github.com/Kovalchuk-Alexandr/eshop-js . . . . . . . . . . eshop [ client - Java Script, server - Mongo DB ] flip/flop aside shopping cart, adding goods with limits on stock, deleting, auto-calculation of quantity and cost, filter by category, search by name, transition to the product page, animation
  16. https://github.com/.../Blog-MEVN . . . . . . . . . . news portal 'Blog' [ MEVN, client – Vue JS, server - Mongo DB ] Output of all articles, transition to a detailed description on the same page without reloading. Comment form, add/remove, count comments, display message if empty
  17. https://github.com/Kovalchuk-Alexandr/JS-Bootstrap-Examp/.../site_bt.html . . . . . . simple site [ Bootstrap ]
  18. https://github.com/Kovalchuk-Alexandr/jQuery/.../site.html . . . . . . Site, hiding sidebar menu, slider[ jQuery ]
  19. https://kovalchuk-alexandr.github.io/Free-Health/ . . . . . . . . . Site, hiding sidebar menu, animation [ jQuery ]
  20. JavaScript Pet
  21. JavaScript Animation Pet

Java projects

  1. https://github.com/Kovalchuk-Alexandr/Calculator_JavaFx.git . . . . . . . . . . . . . . . . . . . . . . . . . Calculator [ JavaFX ]
  2. https://github.com/Kovalchuk-Alexandr/Site-program.git . . . . . . . . . . . . . . . . . . . . . . . . . . Site-program [ Java FX ]
  3. https://github.com/Kovalchuk-Alexandr/WEB-Shop.git . . . . . . . . . . . E-Shop [ Java Spring Boot, HTML, CSSs ]
  4. Short Reference
  5. Android

Work Experience

Leading Specialist PrivatBank

2012 - 2023 | Ukraine

Head of Personalisation Department PrivatBank

2008 - 2012 | Ukraine

Team Lead PrivatBank

1998 - 2002 | Ukraine

Senior Specialist PrivatBank

1996 - 1998 | Ukraine

Engineer Ukrainian State Institute for the Projecting of Metallurgical Plants

1994 - 1996 | Ukraine

  • AUTOCAD Designing
  • Studing of CLIPPER5
  • A Little automation software.
Deputy shop manager | Head of planning and dispatch bureau Dnepropetrovsk Machinery Plant

1993 - 1994 | Ukraine

Engineer Dnepropetrovsk Machinery Plant

1992 - 1993 | Ukraine

Education

Industrial Heat Power Engineering National Metallurgical Academy

September 1985 - June 1992 | Ukraine

Java Developer ItProger ( Diploma Diploma icons )

okt.2022 - feb.2023 | Ukraine

Marathon HTML & CSS GoIt
Java marathon GoIt
  • Thincking in Java Bruce Eckel
  • Java Cource metanit
  • JAVASCRIPT & JQUERY: THE MISSING MANUAL David McFarland
  • Tutorials W3Schools, MDN
Node JS Developer (50 hrs.) ItProger ( Diploma Diploma icons )

march.2023 - may.2023 | Ukraine

JavaScript (10 hrs.): from beginner to website creation ItProger ( Diploma Diploma icons )

march.2023 | Ukraine

JavaScript (5 hrs.): JavaScript for Beginners ItProger

march.2023 | Ukraine

JavaScript (10 hrs.): JavaScript for Beginners & web designers WebCademy

november.2023

Over 80 hours of lectures; About 1200 hours of practice.