Ru

Examples of my code in various stacks, CMS and specializations

---- JS ----

---- Stack: MERN (MongoDB, Express.js, React, Node.js) ----

---- Frontend ----

Frontend part, project 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 part, project 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 ----

---- /Stack: 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 ----

Custom theme, website - shedov.top

---- /WordPress ----

---- /PHP ----


---- 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 ----

---- CSS | SVG ----

Animated heart with realistic heartbeat and hover effect, made with SVG and pure CSS

code | live

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

---- /Animation ----

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