CMuSy
final project группы FrontEnd

computer icon
Курс

FrontEnd / группа FE7

user icon
Кол-во студентов

5

puzzle icon
Этап обучения

финальный проект

clock icon
Длительность

2 месяца

О проекте

CMuSy — система управления сайтом. Перед студентами стояла задача создать универсальную современную CMS, которая будут содержать в себе сразу весь необходимый функционал, нужный современному сайту.

Внимание! Для того, чтобы зайти и просмотреть проект, введите логин и пароль в систему.

Логин: wow1996strap@gmail.com
Пароль: 1945

Используемые технологии:

  1. TypeScript.
  2. React.
  3. Redux.
  4. React hooks.
  5. Formik.
  6. Node.js.
  7. Nest.js.
  8. MongoDB.
  9. Mongoose.

Задачи

Создать современную CMS (систему управления сайтом), включающую в себя весь необходимый малому и среднему бизнесу функционал “из коробки”, на современном стеке технологий Node.js + MongoDB + React.

Панель администрирования CMS должна быть создана по принципу SPA (Single Page Application) для более быстрой и удобной работы с ней.

CMS должна поддерживать создание клиентской части сайта как в виде серверного рендеринга, как и в виде SPA на React.js.

CMS должна быть SEO-friendly - то есть сайты, созданные на ней, должны сразу соответствовать максимальному количество современных рекомендаций SEO-агентств, таких как: скорость загрузки сайта должна быть максимальной. Это достигается за счет таких технологий как: lazy load; сжатия изображений; автоматическая конвертация изображений в современный формат webp и подстановка их вместо исходных; автоматического кеширования; грамотного расположения скриптов, благодаря чему они не блокируют загрузку основного контента сайта; микроразметка всех важных частей сайта (информации компании, контактов, статей, товаров и услуг и т.д.), что очень повышает рейтинг сайта в Google Search; карта сайта, автоматически обновляющаяся при изменении структуры сайта; интеграция с Google Indexing API; автотранслит заголовок

Мультиязычность “из коробки”: можно без проблем добавить на сайт сколько угодно языков и удобно добавлять контент для каждой страницы на нескольких языках.

Двухфакторная авторизация с помощью Google Authenticator: позволяет обезопасить пользователей от кражи логина, пароля и перевыпуска sim-карты.

Удобная система для работы с файлами: графический интерфейс с возможностью создавать папки и подпапки, в которых будут храниться изображения и документы, которые видят пользователи сайта.

Интеграция с платежным модулем WayFoPay.

Управление администраторами сайта.

участники

Ярослав Кулпан

Валерий Соколов

Алексей Ковтун

Николай Кунак

Екатерина Федорова

Менторы

Богдан Лямзин

Богдан помогал группе с написанием технического задания, поскольку у студентов было мало опыта в реальной разработке, и им нужен был человек, который точно знает, какой функционал необходим современной CMS.

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

Давал консультации по возникающим проблемам и Best Practice

Code Reviews (проверка кода)

Помощь в подготовке к презентации

Этапы работы

Проектирование функционала CMS (создание технического задания)

Создание FrontEnd-архитектуры проекта

Создание BackEnd-архитектуры проекта

Создание списка задач для достижения итогового результата и распределение их между студентами

Создание MVP (минимальной рабочей версии) BackEnd’а

Создание MVP FrontEnd’а панели администрирования сайта

Тестирование первой версии продукта

Исправление найденных ошибок

Создание полноценной версии продукта

Презентация

Контакты
/