En

Примеры моего кода в различных стеках, CMS и специализациях

---- JS ----

---- Стек: MERN (MongoDB, Express.js, React, Node.js) ----

---- Frontend ----

Frontend часть, проекта CRYSTAL v1.0

---- React ----

---- Fetch API ----

httpClient

---- /Fetch API ----

---- TanStack Query v5 ----

register / auth / logIn / logOut

---- /TanStack Query v5 ----

---- Yup ----

validation

---- /Yup ----

useRecaptchaV3

---- /React ----

---- /Frontend ----


----- Backend ----

Backend часть, проекта CRYSTAL v1.0


---- Node.js ----

---- Express.js ----

---- core ----

main.js

app.js

server.js

connectDB.js (Mongoose)

initRoutes.js

---- /core ----

---- modules (Mongoose) ----

auth (controller, middleware, routes)

user (controller, model, routes)

post (controller, model, routes)

---- /modules (Mongoose) ----

multer

reCAPTCHA v3

---- /Express.js ----

---- PM2 ----

ecosystem.config.cjs

---- /PM2 ----

---- /Node.js ----

---- /Backend ----

---- /Стек: MERN (MongoDB, Express.js, React, Node.js) ----

---- npm ----

---- Multithreading ----

turboMaker

---- /Multithreading ----

---- /npm ----

---- /JS ----


---- Rust ----

---- crates.io ----

---- Multithreading ----

turbo-maker

---- /Multithreading ----

---- /crates.io ----

---- /Rust ----


---- PHP ----

---- WordPress ----

Кастомная тема, сайта - shedov.top

---- /WordPress ----

---- /PHP ----


---- Вёрстка ----

---- Pixel Perfect ----

Сложная, многоуровневая, адаптивная вёрстка с анимацией (JS, Flexbox, Grid)

code | live

Адаптивная вёрстка с анимацией (JS, Flexbox, Grid)

code | live

---- /Pixel Perfect ----

---- /Вёрстка ----


---- Анимация ----

---- JS ----

Анимированная всплывающая форма обратного звонка

code | live

Плавно появляющаяся кнопка вверх + адаптивное боковое меню

code | live

Анимированное и адаптивное боковое меню

code | live

---- /JS ----

---- React ----

Анимированное модальное окно с использованием – onAnimationEnd

code | live

Анимированное dropdown меню с использованием – onAnimationEnd

code | live

---- /React ----

---- CSS ----

Анимированные иконки социальных сетей, меняющие цвет и размер при наведении

code | live

Анимированные иконки Instagram и Facebook

code | live

---- /CSS ----

---- CSS | SVG ----

Анимированное сердце с реалистичным биением и эффектом при наведении, сделанное на SVG и чистом CSS

code | live

---- /CSS | SVG ----

---- /Анимация ----

Этот сайт использует файлы cookies. Нажимая кнопку 'Принять' или продолжая пользоваться сайтом, вы соглашаетесь на использование файлов cookies.