Проект веб-мессенджера курса Яндекс.Практикум - Мидл Фронтенд Разработчик 2022.
Период с 11.07 по 24.07.2022
Создание и настройка нового проекта с использованием шаблонизатора Handlebars и компилятора Parcel, верстка страниц с помощью Figma, публикация проекта на Netlify.
Период с 24.07 по 07.08.2022
Типизация проекта с помощью TypeScript. Разбивка проекта на компоненты и блоки через Block и EventBus. Подключение линтеров Eslint, Stylelint для улучшения читабельности кода.
Период с 12.09 по 25.09.2022
Подключен API для авторизации, регистрации, списка чатов и профиля. Настроен роутинг.
Период с 26.09 по 15.10.2022
Добавлен тестинг, Parcel заменен на Webpack, создан Dockerfile для контейнеризации приложения и выгрузки на Heroku.
- Node v16 + Express
- Handlebars
- Webpack (а также webpack-cli и webpack-dev-server)
- ESLint, StyleLint а также плагины: stylelint-scss, typescript-eslint. Правила наследованы от инструкций Google, а также Prettier для устранения конфликтов с дополнением IDE Prettier.
- UUID для создания рандомных ID компонентам.
- Husky для контроля коммитов. Запускает проверку линтинга и тестов перед коммитом.
- Mocha и Chai для проведения тестов сборки.
- Docker для контейнеризации приложения и дальнейшей выгрузки на Heroku.
npm run dev - запуск webpack-dev-сервера для разработки на порту 3000
npm run build:dev - сборка проекта для разработки (без минификации, с хэшем)
npm run build - сборка минифицированной статической версии проекта, готовой для выгрузки
npm run start - сборка минифицированной версии проекта и запуска Node Express на порту 3000
npm run lint - вывод ошибок
npm run lint:fix - исправление ошибок в автоматическим режиме
npm run test - запускает тесты файлов с типом \*.test.ts с помощью Mocha
Макеты: Figma
Ссылка на рабочий проект: Netlify
Ссыла на рабочий проект: Heroku