FrontEnd Developer (Vue, Nuxt)

Разработка высоконагруженного таск-менеджера для малого и среднего бизнеса с kanban-досками, автоматизациями (workflows), таймлайнами, шаблонами, системами задач и заметок, интеграциями и т.д. для команд
Vue, Typescript, Pinia + Pinia Colada, Unplugin Vue Router, Vite, VueUse, Ofetch, UnoCSS, I18n, Dayjs, Shadcn, Storybook, Vitest, Unhead, VeeValidate + zod, Formkit

Выступаю в качестве главного фронтенд разработчика в команде
1. Реализовал главные модули: kanban-доски (таблицы, dnd и кастомизации канбана), workflows-автоматизацию (на основе vue flow и канваса), систему задач с тегами и иерархией, rich text заметки.
2. Мигрировал в одиночку проект в монорепу с pnpm workspaces и сделал shared пакеты и отдельные приложения
3. Сконфигурировал клиент (shared eslint, husky gh actions) и настроил все процессы (ci/cd), а так же частично покрыл тестами на vitest и сделал storybook-документацию
4. Уменьшил время локальной сборки почти в 3 раза с постепенной миграцией с vite на rolldown-vite используя нативные резолвер и минификатор
5. Улучшил производительность, использовав Pinia Colada для работы с серверным состоянием, как факт: уменьшил нагрузку на сервер и имеем shallow реактивность и оптимистичные обновления у главных сущностей
6. Рефакторил и был ответственен за ревью mr-ы всей клиентской команды
7. Уменьшил размер бандла и повысил скорость dev сборки, внедрив UnoCSS с runtime генерацией вместо Tailwind
8. Использовал лучшие практики написания кода на Vue, учитывая то, как что работает "под капотом", а также учитывал оптимизации реактивности
9. Сделал упор на типизацию и удобство для всей команды с Unplugin Vue Router и его Data Loaders, а так же хорошей совместимостью с коладой

GitHub: https://github.com/mnenie/jenda
Production: https://jenda.vercel.app (в дальнейшем -> http://jenda.ru)

Проект, стартап - облачное web-приложение со встроенным ИИ для заметок и документов.
Стек frontend: Nuxt, TypeScript, Pinia, VueUse, Vitest, Tailwind, Shadcn, I18n.

Мои обязанности в проекте:
* В качестве основного едитора использовал TipTap Editor
* Написал множество страниц с их полным функционалом и фичами (авторизацию через email/oAuth2.0(github), сайдбар с уровнем вложенности заметок, просмотр заметок, функционал с ИИ, включающий автодополнения и эмбеддинги, функционал с самой заметкой вместе с TipTap Editor, настройки и много другое)
* Разработана локализации проекта с i18n для (русского, английского, китайского)
* Для запросов использовал axios к внешнему бэку, $fetch + composables - к внутреннему Nuxt server
* Настроил prettier, eslint, плагины, структуру проекта
* Реализовал route guards для защиты навигации
* Разработал также версию для tg web
* Написаны unit тесты на vitest

Github проекта:
https://github.com/mnenie/notium
Проект: https://notium.vercel.app/

Разработал интернет-магазин по продаже электросамокатов KUGOO. (фриланс)
Стек: Vue 3, TypeScript, Pinia, SCSS, Firebase, Stripe

Разработал более 25 уникальных страниц, среди которых есть страницы с функционалом корзины, сравнения, избранного, оплаты, блога, авторизации и т.д.
Включил в проект сторонние библиотеки, основными из которых являются: Axios, Vee Validate, Vue Stripe, Swiper.js
База данных + авторизация полностью сделаны и лежат на Firebase
Также сделал платежную систему с помощью Stripe. В данном проекте использовал Vue Stripe
Полностью реализовал адаптацию под разные устройства: desktop, tablet, mobile

Github проекта: https://github.com/mnenie/Kugoo
Разработанный продукт: https://kugoo-ffd41.web.app/

Вместе с командой разработали Agile систему TeamSpace с kanban доской, роадмапами, чатами, документацией и внутренним магазином с валютой для пользователей.
Стек: Vue 3, TypeScript, Pinia, Socket.io, CSS, Express, PostgreSQL

Выступал в качестве главного фронтенд разработчика
Мои обязанности в проекте:
* Полностью реализовал функционал kanban доски с drag-and-drоp+ добавлением новых задач и столбцов активностей
* Полностью реализовал аутентификацию пользователя с дальнейшими возможностями на сайте
* Разрабатывал внутренний магазин с внутренней валютой
* Настроил роутинг систему проекта + защиту роутов
* Принял решение использовать в проекте PrimeVue в качестве основного UI Components Library проекта
* Настроил основные константы стилизации проекта + основной дизайн проекта

Github проекта: https://github.com/mnenie/AgileHuck2023

Вместе с командой разработали сервис автоматического распределения задач для выездных сотрудников банка
Стек: React, JavaScript, MobX, SCSS, Python, PHP, MySQL

Мои обязанности в проекте:
* Участвовал в создании архитектуры проекта
* Настраивал роутинг систему проекта
* Разрабатывал авторизацию сотрудников банка с useForm в качестве валидации
* Полностью настроил админ панель у менеджеров банка
* Разрабатывал функционал отслеживания сотрудников в таблице у менеджера
* Создал и полностью разработал UI Components проекта
* Принимал участие в части отслеживания сотрудников по карте с функционалом MapBox

Github проекта со стороны frontend: https://github.com/mnenie/LctSovkombank
Разработанный продукт: https://lead.easy4.team/
Документация проекта: https://stanislavs-organization-2.gitbook.io/lidery-cifrovoi-transformacii/

За день с командой из 2 человек включая меня разработали
платформу, позволяющую организовывать оффлайн мероприятия и события различных форматов (кружки по интересам, лекции, концерты и т.д.), а также записываться на участие в них.
Стек: Vue3, TypeScript, Pinia, SCSS, Express, PostgreSQL

Сделали функционал аутентификации пользователя в модальных окнах
Разработали страницы с полным или 90% сделанным функционалом:
* Главная (с фильтрами и всеми мероприятиями),
* Просмотр мероприятия + запись на него
* Личная страница с мероприятиями пользователя

Github проекта: https://github.com/mnenie/tulahack

Совместно с коллегой написали сайт на фронтовой части Портал Учителя для поиска репититоров и учеников. (фриланс)
Стек: Vue3(Options API), JavaScript, Vuex, CSS

Выступал в качестве главного фронтенд разработчика
Мои обязанности в проекте:
* Реализовал весь функционал сайта
* Весь Vue код написан мной с полной логикой и разбит на структуру
* Разработал 19 уникальных страниц с адаптивом под различные устройства
* Сайт содержит ЛК, элементы фильтрации, платежную систему и историю платежей.
* При регистрации на сайте открываются множество новых возможностей и новые страницы, включающие в себя основные страницы Аккаунта, Истории платежей и Создания задачи
* Использовал сторонние библиотеки такие как Swiper.js и Bootstrap

Github проекта со стороны frontend: https://github.com/mnenie/TeachersPortal
Разработанный продукт: https://mnenie.github.io/TeachersPortal/