Сайт-визитка с самописной CMS (Frontend + Backend, MongoDB) (live version)

Сайт для компании по дизайнерскому ремонту с простой системой управления контентом (статьи, выполненные проекты), заявками с сайта и самописным текстовым редактором. Vanilla JS, Express server, MongoDB Atlas, SCCS, Webpack.
Использованы подходы CSR (статьи, проекты на сайте) и SSR (разделы CMS). Написан серверный REST API.
Проект выполнен без использования сторонних библиотек.

Что интересного:

Сайт:
✅ кастомные галереи (слайд-шоу) с нестандартным расположением элементов
✅ кастомная реализация якорей для навигации по странице
✅ видео с помощью YouTube API с кастомным управлением

CMS:
✅ обмен данными через веб-сокет
✅ полностью кастомный текстовый редактор (document.execCommand) с возможностью добавлять изображения (и изменять их размеры, расположение и выравнивание в тексте), колонки, отступы, блоки/секции и т.д. Все статьи и проекты на сайте созданы с помощью этого редактора. Работа с Range и Selection
✅ система черновиков для создаваемых материалов
✅ управление заявками в CMS (смена статуса заявки)

Backend:
✅ модуль авторизации (argon2, jwt, хранение токена в httpOnly signed Cookies), регистрация по приглашению из CMS (для доступа на страницу регистрации нужен верификационный hash из ссылки в письме)
✅ модуль для работы с БД (MongoDB Atlas)
✅ загрузка пользовательских изображений (multer)
✅ веб-сокет (expressWs)
✅ lodash templates в качестве шаблонизатора
✅ отправка заявок с сайта на почту (nodemailer) с отдельным HTML-шаблоном письма

Технологии

✅ Vanilla JS
✅ SCSS
✅ YouTube API
✅ NodeJS, express server
✅ argon2, jwt
✅ MongoDB Atlas
✅ multer, expressWs, nodemailer, lodash templates
✅ Webpack

Превью:

Связанные слайдеры:

Админ панель:

Текстовый редактор и система черновиков: