I am a Frontend developer (React, Redux, JS) with extensive experience css/html coding and backend developer background.
| № | 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) | doctorportenko.ru | JS/HTML/SCSS/PHP/MySQL | Dental clinic, JS with modules, optimized for fast page load speed and SEO |
| 6 | Project | Food | JS/HTML/SCSS | Service food delivery on native js |
| 7 | private (NDA) | concoste.com | JS/HTML/SCSS/PHP/MySQL | Furniture catalog with animated elements |
| 8 | private (NDA) | zavod-setok.ru | JS/HTML/SCSS/PHP/MySQL | Factory catalog, where products are shown as cards/table with filter by parameters |
| 9 | private (NDA) | kotel-suvorov.ru | JS/HTML/SCSS/PHP/MySQL | Online store of heating boilers |
I'm experimenting with new and exciting technologies:
| № | 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 | Miami slider | Demo | Slider with parallax effect, slides highlighting, smooth scrolling with mouse wheel, zooming of images when clicked |
| 10 | Slider parallax | Demo | Slider with image layers parallax effect, particles on canvas |
| 11 | 3D-slider | Demo | Slider with pseudo 3D-images, glow and fog animation in the background |
| 12 | Multiple vertical sliders | Demo | Portfolio slider with mouse wheel scrolling |
| 13 | Draggable gallery | Demo | Gallery with images in masonry layout, drag and drop scrolling, light/dark theme depends on OS selection |
| 14 | Floating image | Demo | Floating image appears when hovering over a section |
| 15 | Form elements | Demo | Realization light/dark theme on form elements: custom select, radio, checkox, saving entered data on page refresh |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent