Примеры моего кода в различных стеках, CMS и специализациях
---- JS ----
---- Стек: MERN (MongoDB, Express.js, React, Node.js) ----
---- Frontend ----
Frontend часть CRYSTAL v1.0 (Production)
---- React ----
---- Fetch API ----
---- /Fetch API ----
---- TanStack Query v5 ----
register / auth / logIn / logOut
---- /TanStack Query v5 ----
---- Yup ----
---- /Yup ----
---- WebSocket ----
---- /WebSocket ----
---- reCAPTCHA v3 ----
---- /reCAPTCHA v3 ----
---- /React ----
---- /Frontend ----
----- Backend ----
Backend часть CRYSTAL v1.0 (Production)
---- Node.js ----
---- Express.js ----
---- core ----
connectDB.js (native driver MongoDB)
initializeCollections.js (native driver MongoDB)
---- /core ----
---- modules (native driver MongoDB) ----
auth (controller, middleware, routes)
user (controller, schema, routes)
post (controller, schema, routes)
like (controller, schema, routes)
hashtag (controller, schema, routes)
---- /modules (native driver MongoDB) ----
---- modules (Mongoose) ----
auth (controller, middleware, routes)
user (controller, model, routes)
post (controller, model, routes)
---- /modules (Mongoose) ----
---- sharp ----
---- /sharp ----
---- WebSocket ----
---- /WebSocket ----
---- reCAPTCHA v3 ----
---- /reCAPTCHA v3 ----
---- /Express.js ----
---- PM2 ----
---- /PM2 ----
---- /Node.js ----
---- /Backend ----
---- /Стек: MERN (MongoDB, Express.js, React, Node.js) ----
---- npm ----
---- Multithreading ----
turboMaker---- /Multithreading ----
---- /npm ----
---- /JS ----
---- Rust ----
---- Leptos ----
---- SSR ----
Enter Text (LARS)---- /SSR ----
---- /Leptos ----
---- crates.io ----
---- Multithreading ----
turbo-maker---- /Multithreading ----
---- /crates.io ----
---- /Rust ----
---- PHP ----
---- WordPress ----
Кастомная тема, сайта - shedov.top
---- /WordPress ----
---- /PHP ----
---- Вёрстка ----
---- Pixel Perfect ----
Сложная, многоуровневая, адаптивная вёрстка с анимацией (JS, Flexbox, Grid)
Адаптивная вёрстка с анимацией (JS, Flexbox, Grid)
---- /Pixel Perfect ----
---- /Вёрстка ----
---- Анимация ----
---- JS ----
Анимированная всплывающая форма обратного звонка
Плавно появляющаяся кнопка вверх + адаптивное боковое меню
Анимированное и адаптивное боковое меню
---- /JS ----
---- React ----
Анимированное модальное окно с использованием – onAnimationEnd
Анимированное dropdown меню с использованием – onAnimationEnd
---- /React ----
---- CSS ----
Анимированные иконки социальных сетей, меняющие цвет и размер при наведении
Анимированные иконки Instagram и Facebook
---- /CSS ----
---- CSS | SVG ----
Анимированное сердце с реалистичным биением и эффектом при наведении, сделанное на SVG и чистом CSS
---- /CSS | SVG ----
---- /Анимация ----