
Osipchyk
Anton
Front-End developer
About me
I am a Front-end developer with 1.5 years of experience in creating SPAs using Typescript, React, Redux, JavaScript, CSS, HTML.
I am constantly developing my working technologies and expanding my technical horizon towards Angular. I spend my free time reading technical literature ("Clean Code") and documentation, and in my spare time I can solve problems on Codewars.
I am open to your suggestions.
Contact
-
Discord:
Osipchyk Anton (Anton-Osip) - Email:osipchika@gmail.com
-
Address:
Minsk, Belarus
Education
- 2021
It-incubator
Front-end developer 2023 (JavaScript, TypeScript, React, Redux (RTK Query) - 2021
RS-School «JavaScript / Front-end Course»
Front-end developer 2023 (HTML, CSS, SCSS,TypeScript / JavaScript, Git / GitHub) -
2016-2021
BELARUSIAN NATIONAL TECHNICAL UNIVERSITY -
2012-2016
MINSK RADIOTECHNICAL COLLEGE
Skills
- TypeScript / JavaScript (ECMAScript)
- React
- Next.js
- Redux(Thunk) / Redux-ToolKit, RTK Query
- React Hook Form, Formic, Yup, Zod
- HTML, CSS, SASS (SCSS)
- Storybook,
- Styled-components,
- AntDesigne, MaterialUI, Radix Primitives
- Webpack / Gulp
- Git / GitHub / GitLab
- Adobe Photoshop, Figma
- English - A2.
Key strengths
- Responsible
- Sociable
- Quick learner
- Goal-oriented
Code example
From Shelter projects
const headerBurger=document.querySelector('.header__burger')
const mobileNav=document.querySelector('.mobile-nav')
const navBg=document.querySelector('.nav__bg')
const navItem=document.querySelectorAll('.mobile-nav .nav__item')
const body=document.querySelector('body')
const openMenu=()= {
headerBurger.classList.add('header__burger--active')
mobileNav.classList.add('mobile-nav--active')
body.style.overflow='hidden'
}
const closeMenu=()= {
headerBurger.classList.remove('header__burger--active')
mobileNav.classList.remove('mobile-nav--active')
body.style.overflow='scroll'
}
headerBurger.addEventListener('click', ()= {
headerBurger.classList.contains('header__burger--active')
? closeMenu()
: openMenu()
})
navBg.addEventListener('click', ()= {
closeMenu()
})
navItem.forEach(item= {
item.addEventListener('click', closeMenu)
})
window.addEventListener('resize', ()= {
if (window.innerWidth > 767) {
closeMenu()
}
})