Ru

Examples of my code in various stacks, CMS and specializations

---- JS ----

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

---- Frontend ----

Frontend part CRYSTAL v1.0 (Production)

Frontend part CRYSTAL v2.0

---- React ----

---- Fetch API ----

httpClient

---- /Fetch API ----

---- TanStack Query v5 ----

register / auth / logIn / logOut

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

---- Yup ----

validation

---- /Yup ----

useWebSocket

useRecaptchaV3

HomePage.jsx

PostPreview.jsx

FullPostPage.jsx

UserEditPage.jsx

useFormattedPostDate.jsx

---- /React ----

---- /Frontend ----


---- Backend ----

Backend part CRYSTAL v1.0 (Production)

Backend part CRYSTAL v2.0


---- Node.js ----

---- Express.js ----

---- core ----

main.js

app.js

server.js

connectDB.js (native driver MongoDB)

connectDB.js (Mongoose)

initializeCollections.js (native driver MongoDB)

initRoutes.js

---- /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-upload.js

websocket.js

recaptcha-v3.js

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