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

------- JS -------

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

----- Frontend -----

---- React ----

--- TanStack Query v5 ---

Registration / logIn / logOut / authorization

--- /TanStack Query v5 ---

--- Yup ---

Validation

--- /Yup ---

---- /React ----

--- Fetch API ---

requestManager

--- /Fetch API ---

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

----- /Frontend -----

----- Backend -----

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

---- Express.js ----

Server

Registration / logIn / logOut / authorization

Routes / Controller

Multer

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

--- PM2 ---

ecosystem.config.cjs

--- /PM2 ---

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

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

----- /Backend -----

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

------- /JS -------

------- WordPress -------

Код кастомной темы, сайта - shedov.top.

------- /WordPress -------

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

--- Pixel Perfect ---

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

Сode | Live

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

Сode | Live

--- /Pixel Perfect ---

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

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

--- JS ---

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

Сode | Live

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

Сode | Live

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

Сode | Live

--- /JS ---

--- React ---

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

Сode | Live

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

Сode | Live

--- /React ---

--- CSS ---

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

Сode | Live

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

Сode | Live

--- /CSS ---

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