Andrey Kochanov

Проекты

• 01

  Staria

  Сайт ↗

  Участвовал в разработке фронтенда для платформы, которая упрощает и легализует сбор средств для децентрализованных автономных организаций (DAO) и сообществ.

  • Взаимодействовал с международными заказчиками по интеграции их API для реализации функционала веб приложения.
  • Разработал и оптимизировал сайт с акцентом на SEO-практики, внедрил анимации для улучшения пользовательского опыта и визуальной привлекательности.
  • Интегрировал и осуществил поддержку взаимодействия с криптовалютными кошельками, обеспечив безопасность и удобство для пользователей.

  ReactNext14SSGReduxWagmi
• 02

  LBX Биллинг

  Сайт ↗

  Полная разработка административного интерфейса для xaas продукта. Биллинговая система автоматизации платежей и выставлении счетов.

  • Сменили легаси код на фреймворке Ext JS на React с использованием Ant Design
  • Разработка и поддержка интерфейса на React
  • Интеграция с Rest API
  • Решение UX/UI проблем и проблем производительности.

  В результате работы был создан более удобный и более понятный административный интерфейс на лучших технологиях и добавлен новый функционал по работе биллинга.

  ReactPHPTypesctript
• 03

  Лотерея на блокчейне ТОН

  Сайт ↗

  Онлайн лотерея на блокчейне ТОН

  Разработал React-приложение для веб3 лотереи на блокчейне TON с использованием библиотеки компонентов ShadCN, обеспечив современный и отзывчивый пользовательский интерфейс.
  Готовая платформа с работающей игрой — быстрые розыгрыши с коэффициентами x2 и x3, история игр, лидерборд, анимации

  • Интегрировал смарт-контракты TON Blockchain и TonConnect для обеспечения функциональности лотереи, включая прием
    ставок в TON и JETON, отображение баланса, результата
  • Реализовал взаимодействие с API через Axios
  • Реализовал анимации пользовательского интерфейса для улучшения вовлеченности пользователей и создания привлекательного опыта участия в лотерее

  ReactEffectorTon-coreTSTon connect
• 04

  Recu tm

  Сайт ↗

  Recu (Telegram Mini App) — приложение для сохранения и структурирования контента из соцсетей. Пользователь может прикрепить ссылку на пост (TikTok, Instagram и др.), после чего система с использованием ИИ автоматически извлекает сущности (места, фильмы, рестораны и т.д.) и формирует удобный список для дальнейшей работы.

  • Разработал фронтенд приложения на React (Vite + Tailwind)
  • Реализовал онбординг и пользовательские сценарии c анимациями (framer motion)
  • Интегрировал авторизацию через Telegram Mini Apps
  • Реализовал функционал коллекций (создание, просмотр, управление)
  • Сделал страницы айтемов с описанием и статусами (был / не был)
  • Интегрировал обработку данных, полученных через AI (парсинг ссылок из соцсетей)
  • Добавил мультиязычность (i18n)
  • Реализовал систему уведомлений

  <

  • Реализовал фильтрацию и сортировку
  • Настроил анимации с использованием Framer Motion
  • Организовал работу с асинхронными данными и состоянием (Redux)

  ReactTsViteRQExpress
• 05

  Лендинг «Ewklug»

  Сайт ↗

  Адаптивный лендинг, разработанный на чистом HTML, CSS и JavaScript с использованием Gulp для сборки.

  • Верстка по макету с нуля (HTML5, CSS3, JavaScript).
  • Настройка сборки Gulp (минификация, автоматическая перезагрузка, работа с SCSS).
  • Реализация адаптивной версии для мобильных устройств и планшетов.
  • Слайдер на главном экране.
  • Блок «Часто задаваемые вопросы» с раскрывающимися элементами.
  • Форма обратной связи с валидацией.
  • Оптимизация скорости загрузки и корректное отображение во всех популярных браузерах.

  htmlscssjsgulp
• 06

  Nudix — Web3‑платформа

  Сайт ↗

  Cобрали фронт на nextJs с авторизацией, реферальным кабинетом и адаптацией под мобильные устройства.

  • Фронт на NextJs
  • Взаимодействие со смарт контрактами
  • Подключение и взаимодействие с криптокошельками
  • Адаптив и анимация

  nextJsweb3react
• 07

  Blanchard — лендинг художественной галереи

  Сайт ↗Код ↗

  Blanchard — адаптивный лендинг художественной галереи, созданный на чистой вёрстке без фреймворков. Сайт включает разделы о галерее, каталог работ, галерею изображений, события и контактную форму. Вёрстка выполнена с использованием HTML5, CSS3 (Flexbox, Grid) и нативного JavaScript для интерактивных элементов. Проект отличается аккуратной структурой, кроссбраузерностью и оптимизацией для мобильных устройств.

  PetJSHTMLCSSGULP
• 08

  OCTUM tg app

  Сайт ↗

  Майнинг токенов в блокчейне TON через NFT номера.

  • Интеграция со смартконтрактом в сети ton
  • Авторизация через смартконтракт и подключение кошелька
  • Реализация UX/UI без макета через v0
  • Вывод nft юзера,  сортировка, фильтрация
  • Отображения стадий майнинка и клейм токенов

  WEB3TONTelegramApiReactNextJs
• 09

  Piastrix tg app

  Сайт ↗

  Разработка фронтенд-части мобильного кошелька в формате Telegram Mini App.

  Был создан телеграм бот, открывающий приложение электронного кошелька с переводами, пополнением, личным кабинетом, историей транзакций.

  • Настроена мультиязычность через i18next и Crowdin с сохранением пользовательского выбора и полной локализацией интерфейса
  • Реализован флоу JWT авторизации
  • Реализована поддержка тёмной темы с автоопределением и ручным переключением, с учётом ограничений Telegram Mini App
  • Реализированы UX-оптимизации и адаптивность для мобильных устройств

   

  Reacttelegram apiRESTReactQuery