ДИЗАЙН И РАЗРАБОТКА / VALORIN

Валерий
Чарыгин.

Разрабатываю сайты,
мобильные приложения
и Telegram-ботов.

Учусь на бизнес-информатике в НИУ ВШЭ и занимаюсь веб- и мобильной разработкой. В моих проектах есть сервис записи, Telegram-приложения, учебные инструменты и интерактивные веб-сцены.

«Окошко» — мой сервис записи к специалистам, а «Лекторий» — совместный проект для работы с лекциями. В отдельных кейсах описаны задачи, технологии и текущий статус.

Образование
НИУ ВШЭ
Программа
Бизнес-информатика
Направления
Веб, мобильные приложения
и интерактивная графика
В работе
Дизайн, код
и AI-инструменты

01 / ЧЕМ ЗАНИМАЮСЬ

Что я
делаю.

Сервисы, учебные приложения
и интерактивные сайты.

ПРОДУКТЫ И СЕРВИСЫ

Сервисы и приложения.

«Окошко» помогает вести запись к специалистам, «Лекторий» собирает материалы лекций, L’atelier / Pocket Chef подбирает рецепты. Для этих задач разрабатываю интерфейсы и работу с данными.

УЧЕБНЫЕ ПРИЛОЖЕНИЯ

Практика и обучение.

B2 Sprint объединяет упражнения по английскому и повторение. Focus+ — учебный опрос об эффекте нулевой цены. Для каждого проекта выбираю формат под конкретную задачу.

ИНТЕРАКТИВНЫЕ ИСТОРИИ

Графика и анимация.

В LAST WIND прокрутка управляет камерой, светом и сменой сцен. В ORBIT можно вращать и приближать вымышленные планеты. В этих проектах использую веб-графику и анимацию.

02 / СТЕК В РЕАЛЬНЫХ РАБОТАХ

Мой стек.
На примерах.

Технологии из представленных
проектов, с примерами применения.

01 / ВЕБ-ИНТЕРФЕЙСЫ

Веб-разработка.

  • React
  • Next.js
  • TypeScript
  • HTML / CSS

B2 Sprint собран на Next.js и React. В «Лектории» интерфейс работает на HTML, CSS и JavaScript без сборки.

02 / МОБИЛЬНЫЕ ПРИЛОЖЕНИЯ

Мобильная разработка.

  • React Native
  • Expo
  • TypeScript
  • Capacitor

«Окошко» использует Expo и React Native, включая веб-версию для Telegram. В истории L’atelier / Pocket Chef есть мобильные проекты на Capacitor для iOS и Android.

03 / СЕРВЕР И АВТОМАТИЗАЦИЯ

Серверы и боты.

  • Python
  • FastAPI
  • Firebase / Firestore
  • aiogram
  • Telethon

API, Telegram-боты, хранение данных и обработка событий. В Freelance Bot эти части образуют цепочку от сообщения в канале до отобранного заказа и черновика ответа.

04 / ГРАФИКА И ДВИЖЕНИЕ

Графика и анимация.

  • Three.js
  • GLSL
  • GSAP
  • Canvas
  • CSS

В LAST WIND графика и шейдеры создают среду, а прокрутка управляет композицией. В RusJet движение построено вокруг реальных видеоматериалов и переходов между сценами.

03 / ПРОЦЕСС

Как я
работаю.

Задача, прототип
и проверка результата.

01

Разобраться
в задаче.

Сначала определяю, что должен делать сайт или приложение: какие экраны нужны, какие данные хранить и как пользователь будет с ними работать.

02

Собрать
прототип.

Собираю первую рабочую версию. AI помогает с поиском решений и написанием кода. Затем проверяю, что получилось, и исправляю ошибки.

03

Проверить
работу.

Проверяю ссылки, кнопки, формы и отображение на телефоне. Отдельно смотрю, что происходит при ошибках и повторных действиях. Для анимированных сайтов проверяю режим уменьшения движения.

04 / МОЯ РОЛЬ В РАБОТАХ

Моя роль
в проектах.

Учебные проекты,
совместная работа и свои идеи.

УЧЕБНЫЙ ИНСТРУМЕНТ

B2 Sprint

Собрал тренажёр английского с диагностикой, занятиями и повторением. Прогресс сохраняется в браузере; семидневная структура задаёт порядок практики.

СОВМЕСТНАЯ РАЗРАБОТКА

Лекторий

Совместный проект с Владиком (@SAMSAIU). Telegram Mini App объединяет аудиозаписи, подготовку конспектов и учебные материалы. В портфолио он представлен как общая работа.

КОМАНДНЫЙ УЧЕБНЫЙ ПРОЕКТ

Хроносфера

Работа команды НИУ ВШЭ по курсу «Основы российской государственности»: документальный маршрут по Сочи с главами, картами и архивами. Авторы отдельных глав указаны на сайте.

АВТОРСКИЕ ПРОЕКТЫ

Продукты и эксперименты

Собственные идеи развиваю в разных форматах: «Окошко» — как сервис записи, Freelance Bot — как прикладной инструмент, LAST WIND и ORBIT — как исследования интерактивного веба. Учебные работы и независимые концепты отдельно обозначены в кейсах.

ОБСУДИМ ВАШУ ИДЕЮ

На связи.

Если хотите обсудить проект или предложить совместную работу, напишите мне в Telegram.

Telegram: @valorinin

ПОДРОБНОСТИ — В РАБОТАХ

Смотреть проекты 12

В каждом кейсе — задача, устройство, текущий статус и ссылки на доступные материалы.