Ru

Examples of my code in various stacks and specializations

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

------ Stack: MERN ------

----- Frontend -----

---- React ----

--- Fetch API ---

httpClient

--- /Fetch API ---

--- TanStack Query v5 ---

register / auth / logIn / logOut

--- /TanStack Query v5 ---

--- Yup ---

validation

--- /Yup ---

useRecaptchaV3

---- /React ----

Frontend part, project CRYSTAL v1.0

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


----- Backend -----

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

---- Express.js ----

------- core -------

main.js

app.js

server.js

connectDB.js

initRoutes.js

------- /core -------

------- modules -------

auth

user

post

------- /modules -------

multer

reCAPTCHA v3

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

--- PM2 ---

ecosystem.config.cjs

--- /PM2 ---

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

Backend part, project CRYSTAL v1.0

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

------ /Stack: MERN ------

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


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

Custom theme code, website - shedov.top

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


------ Layout -------

--- Pixel Perfect ---

Complex, multi-level, adaptive layout with animation (JS, Flexbox, Grid)

code | live

Adaptive layout with animation (JS, Flexbox, Grid)

code | live

--- /Pixel Perfect ---

------- /Layout -------


------- Animation -------

--- JS ---

Animated popup return form call

code | live

Smoothly appearing up button + adaptive side menu

code | live

Animated and adaptive side menu

code | live

--- /JS ---

--- React ---

Animated modal window using – onAnimationEnd

code | live

Animated dropdown menu using – onAnimationEnd

code | live

--- /React ---

--- CSS ---

Animated social media icons that change color and size on hover

code | live

Animated Instagram and Facebook icons

code | live

--- /CSS ---

------- /Animation -------

This website uses cookies. By clicking the 'Accept' button or continuing to use the website, you agree to the use of cookies.