RSLANG - приложение для изучения английского языка

Figma

Deploy

Presentation

Для сборки проекта использовался Webpack

достоинства

• быстрая и понятная сборка в dev и prod режимах;

недостатки

• необходима тщательная настройка;

Верстка страниц проекта сделана по методологии BEM

достоинства

• легко воспринимается;

недостатки

• необходимо тщательно продумывать имена блоков;

Для стилизации проекта использовался препроцессор SASS

достоинства

• расширяет возможности CSS и упрощает выбор селекторов;

недостатки

• необходимо учитывать при сборке проекта;
• необходимо знать особенности написания селекторов;

Архитектура SASS построена по основным принципам SMACSS

В качестве BackEnd использовался учебный BackEnd на JS

Код проекта написан на TypeScript

достоинства

• все пеерменные, функции, константы, аргументы строго типизированы;

недостатки

• необходимо описывать типы при каждом объявлении;

Для проверки кода использовался ESLINT

достоинства

• учитывает все ошибки, которые указаны в настройках;

недостатки

• мешает сборке проекта в режиме prod при незначительных ошибках;

Роутинг страниц осуществляется посредством плагина HtmlWebpackPlugin

достоинства

• быстро переключаются страницы без дополнительного кода;

недостатки

• при зарузке страницы стили немного запаздывают;
• необходимо подключать модуль, который делает одинаковые действия на всех страницах (очистка localstorage, изменение стилей общих модулей (шапка)).