Skip to content
View systemshock89's full-sized avatar
🧿
🧿
Block or Report

Block or report systemshock89

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
systemshock89/README.md

Hi, I'm Sergey

I am a Frontend developer (React, Redux, JS) with extensive experience css/html coding and backend developer background.

⚙️ My stack

React Redux JavaScript CSS3 SASS HTML5 MySQL PHP

⚡ Tools

Vite Webpack Green Sock Git WebStorm PhpStorm Visual Studio Code Figma NodeJS NPM

🧱 Legacy

jQuery Bootstrap Gulp

💻 My projects

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

📥 My demos

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

👨‍💻 My builds for quick start pet projects and more:

Vite starter simple and Gulp starter simple

📈 Stats and widgets

Sergey K GitHub stats
Visits

Pinned Loading

  1. react-redux-hero-admin-panel react-redux-hero-admin-panel Public

    Hero admin panel with functions show, add, delete and filter list of heroes in DB

    JavaScript

  2. react-marvel react-marvel Public

    React Marvel information portal - SPA with multiple pages structure

    JavaScript

  3. react-employees react-employees Public

    Simple SPA with sorting, adding/removing an employee

    JavaScript

  4. js-app-food js-app-food Public

    Service food delivery

    JavaScript

  5. react-formik-example react-formik-example Public

    React simple form with Formik and Yup

    JavaScript

  6. monino-frontend monino-frontend Public

    Site of sale nonmetallic materials

    SCSS