Мои проекты

Календарь рабочих смен

TypeScript, Next.js, Redux, Ant Design, Bootstrap, i18next, Redis, Socket.io, Express/PostgreSQL

Реализация общего онлайн-графика рабочих смен.

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

• внесение графика в календарь с возможностью установить очерёдность пользователей
• приглашение и исключение участников группы
• обмен сменами
• внесение больничного или отпуска
• уведомления для пользователей (в т.ч. в Telegram)
• полный контроль над автомобилем (добавление, редактирование, удаление)
• настройки группы (сезонность расхода топлива) и пользователя (изменение личных данных)
• отчёт закрытых смен
• чат между участниками группы
• система прав доступа (руководитель может зайти в любую группу и посмотреть график или данные по автомобилю)

• присоединиться к группе можно только по приглашению участника
• подтверждение номера телефона или получение пароля для доступа к аккаунту выполняются посредством SMS
• график перестраивается автоматически при любых затрагивающих его событиях
• все действия в приложении происходят в режиме реального времени

Маркетплейс

TypeScript, Next.js, Redux-Toolkit, i18next, Ant Design, Bootstrap, Animate.css, Redis, Express/PostgreSQL, Sharp

Реализация интернет магазина.
Магазин позволяет администратору добавлять новые товары или редактировать имеющиеся с загрузкой изображения.
Присутствуют поиск по каталогу, авторизация через Google, личный кабинет с возможностью изменения персональных данных (включая адреса для доставки), фильтры и методы сортировки.

В настоящее время был перенесён на Next.js из-за необходимости СЕО-оптимизации.

Календарь записи

React/React-Router/Redux-Toolkit, Bootstrap, i18next, Socket.io, Express/PostgreSQL

Реализация записи на определённые часы, используя календарь

Учётная запись администратора: admin@email.ru / 123456
Учётная запись пользователя: user@email.ru / 123456

Схема зала

React.js, Redux-Toolkit, Drag'n Drop, Ant Design, Bootstrap

Реализация планировки зала общепита.
На схеме можно передвигать предметы, вращать, удалять.
Присутствует возможность сохранения планировки в файл с последующей загрузкой обратно.

Планировщик задач

JS native, SASS, Webpack

Реализация планировщика задач.
Проект сделан на чистом JavaScript без помощи сторонних библиотек.
Присутствует возможность добавления задачи, изменения статуса, фильтрации и удаления.
Данные сохраняются в localStorage и не сбрасываются при перезагрузке страницы.

Забавные котики

TypeScript, Next.js, Redux-Toolkit, Animate.css

Реализация взаимодействия со сторонним API, работа с картинками.
Присутствует "бесконечная прокрутка". Изображение можно добавить в избранное.
Данные хранятся на клиенте.

Node.js: создание, обновление и логирование

TypeScript, React/React-Router/Redux-Toolkit, Jest, Bootstrap, Express/PostgreSQL

Реализация пользовательского сервиса с наличием пагинации. Сервис имеет два backend-приложения, которые общаются между собой с помощью Axios.
Реализовано автоматическое тестирование всего приложения.

RSS агрегатор

On-change, i18next, Axios, Lodash, Webpack, Bootstrap

Реализация загрузки ленты новостей на чистом JavaScript с автообновлением.

Hexlet Chat

React/React-Router/Redux-Toolkit, Bootstrap, i18next, Socket.io, Fastify

Реализация чата - аналога Slack.

Приглашение на свадьбу

React/React-Router/Redux-Toolkit, Bootstrap, i18next, Socket.io, Express/PostgreSQL

Реализация приглашения-ссылки на свадебное мероприятие.

Сайт тату-мастера (коммерческий)

JS, jQuery, SASS

Реализация тату-калькулятора, модального окна.

Сайт астролога (коммерческий)

JS, SASS, Express

Реализация корзины с помощью абстракции данных, модального окна, серверной части.

Музыкальный портал (вёрстка)

SASS, Flex, Grid

Вёрстка музыкального портала.

Сайт пиццерии (вёрстка)

JS, Webpack, SASS, Wow.js, Yup

Адаптивная вёрстка сайта, реализация модального окна, валидация формы.