I am a Frontend Developer with expertise in React, Redux, TypeScript and JavaScript, complemented by extensive experience in JS, CSS and HTML, as well as a solid background in backend development.
| № | Repo | Demo | Stack | Description |
|---|---|---|---|---|
| 1 | Project | react-redux-hero-admin-panel | React/Redux/JS/HTML/SCSS | Hero admin panel with functions show, add, delete and filter list of heroes in DB. Used React, React-redux, Redux-toolkit and pattern when action creators and reducers combined in slice |
| 2 | Project | react-marvel | React/JS/HTML/SCSS | React Marvel information portal - SPA with multiple pages structure |
| 3 | Project | react-employees | React/JS/HTML/SCSS | Simple SPA with sorting, adding/removing an employee |
| 4 | Frontend only | Site: monino-perevalka.ru HTML pages: Index page, Services, Services inner, Catalog, Product |
JS/HTML/SCSS/PHP/MySQL | Site of sale nonmetallic materials |
| 5 | private (NDA) | present-stroy.ru | JS/HTML/SCSS/PHP/MySQL | Construction company, JS with modules, optimized for fast page load speed and SEO |
| 6 | private (NDA) | doctorportenko.ru | JS/HTML/SCSS/PHP/MySQL | Dental clinic |
| 7 | Project | Food | JS/HTML/SCSS | Service food delivery on native js |
| 8 | private (NDA) | concoste.com | JS/HTML/SCSS/PHP/MySQL | Furniture catalog with animated elements |
| 9 | private (NDA) | zavod-setok.ru | JS/HTML/SCSS/PHP/MySQL | Factory catalog, where products are shown as cards/table with filter by parameters |
| 10 | private (NDA) | kotel-suvorov.ru | JS/HTML/SCSS/PHP/MySQL | Online store of heating boilers |
I'm experimenting with new and exciting technologies. Some of them look awesome 😎
| № | Repo | Demonstration | Description |
|---|---|---|---|
| 1 | react-formik-example | Demo | React simple form with Formik and Yup |
| 2 | Scrolling 3D-scene | Demo | Scrolling animation: moving deeper into the scene. Blocks move at different speeds, text fade in/fade out. |
| 3 | Page scroll animation | Demo | Smooth pop-out of page elements when scrolling |
| 4 | 3D-scroll | Demo | Page scrolling in depth, slides with images and videos of different sizes, button to turn on melody |
| 5 | Scroll parallax | Demo | Scroll with parallax effect of different page layers |
| 6 | Wave hover effect | Demo | Wave hover effect on images |
| 7 | 3D moving page | Demo | 3D animate elements on page when mouse move and custom cursor (with hover in links) with gsap (GreenSock) |
| 8 | Lens effect | Demo | 3D-rotation effect on mouse movement, rain on canvas |
| 9 | Slider animation | Demo | Smooth video animation when scrolling the slider |
| 10 | Miami slider | Demo | Slider with parallax effect, slides highlighting, smooth scrolling with mouse wheel, zooming of images when clicked |
| 11 | Slider parallax | Demo | Slider with image layers parallax effect, particles on canvas |
| 12 | 3D-slider | Demo | Slider with pseudo 3D-images, glow and fog animation in the background |
| 13 | Multiple vertical sliders | Demo | Portfolio slider with mouse wheel scrolling |
| 14 | Draggable gallery | Demo | Gallery with images in masonry layout, drag and drop scrolling, light/dark theme depends on OS selection |
| 15 | Floating image | Demo | Floating image appears when hovering over a section |
| 16 | Form elements | Demo | Realization light/dark theme on form elements: custom select, radio, checkox, saving entered data on page refresh |
Vite starter simple and Gulp starter simple