Frontend-разработчик

Разработка и развитие frontend-части веб-сервисов компании Легион
на React, TypeScript.

«Легион» — ИТ-интегратор и вендор собственных решений в области информационной безопасности, автоматизации бизнес-процессов и импортозамещения.

Сайт компании: https://legionsecurity.ru

Выполненные задачи / достижения:

1. Разработка и развитие frontend-части веб-сервисов компании на React + Next, TypeScript.
2. Разработка и доработка страниц корпоративного сайта на WordPress, JavaScript, HTML, CSS/SCSS.
3. Разработка сложных UI-компонентов: таблицы, фильтры, формы, модальные окна и диагностические инструменты.
4. Интеграция frontend с REST API, обработка состояний загрузки, ошибок и данных от backend.
5. Улучшение SEO и обеспечение кроссбраузерной совместимости
6. Работа с GitLab, submodules, Dockerfile и feature-документирование.
7. Улучшение взаимодействия с backend-сервисом, путем использования React Query.
8. Дальнейшая поддержка и развитие проекта: добавление новых функций, оптимизация производительности, обновление библиотек на новые версии и улучшение UX новыми решениями и подходами.

Реализация клиентской части веб-сервиса “Startech.Base” на React + Typescript.

Startech.Base — это единая база технологических компаний и стартапов. Сервис помогает предпринимателям находить инвесторов и клиентов, а крупному бизнесу — выбирать технологические решения для своих продуктов.

Сайт компании: https://base.startech.vc/

Выполненные задачи / достижения:

1. Перевод сборки проекта с Webpack на Vite, ускорение сборки и повышение стабильности.
2. Обновление библиотек и замена устаревших решений на современные и оптимизированные аналоги.
3. Улучшение SEO и обеспечение кроссбраузерной совместимости.
4. Оптимизация и обновление процессов CI/CD в GitHub Actions.
5. Подготовка и выравнивание графических материалов в Photoshop.
6. Реализация новых страниц по макетам из Figma.
7. Улучшение взаимодействия с backend-сервисом, путем использования React Query.
8. Внедрение анимаций на сайт с помощью Framer Motion.
9. Настройка линтинга (ESLint) и форматирования кода (Prettier).
10. Внедрение системы тестирования: E2E (Cypress) и UI (Storybook + Chromatic).
11. Документация проекта и кода (README.md)
12. Дальнейшая поддержка и развитие проекта: добавление новых функций, оптимизация производительности, обновление библиотек на новые версии и улучшение UX новыми решениями и подходами.

Реализация клиентской части веб-сервиса “SCRAPER AI” на Next.js + Typescript — от создания и настройки проекта до вывода в продакшн.

SCRAPER AI — это веб-приложение для парсинга сайтов (извлечение ценных данных), использующий алгоритм на основе ИИ с отображением результатов в реальном времени.

Сайт сервиса: https://scraper-ai.ru/

Выполненные задачи / достижения:

1. Полная настройка инфраструктуры проекта: Next.js конфигурация c Typescript, стилизация (TailwindCSS), архитектура приложения, линтер (ESLint + Prettier), GitHub Actions.
2. Реализация клиентсткой части по макету Figma используя Next.js и современные React-библиотеки. Добавление анимаций с помощью "Framer Motion".
3. Добавление интернационализации с помощью библиотеки "i18next".
4. Настройка взаимодействие с backend-сервисом (SWR + Axios), включая работу с WebSockets, а также с сервисом платежей (Тинькофф/Stripe).
5. Подготовка и выравнивание графических материалов в Photoshop.
6. Дальнейшая поддержка и развитие проекта: добавление новых функций, оптимизация производительности, обновление библиотек на новые версии и улучшение UX новыми решениями и подходами.