ABAndrey Badalin
RUEN
Связаться

Junior Frontend / Fullstack разработчик

Андрей
Бадалин.

Открыт к junior-позициям

Разрабатываю коммерческие сайты, дашборды, CRM-инструменты, системы бронирования и веб-приложения для Telegram-ботов.

Смотреть проектыGitHubСвязаться
Портфолио / 2026Россия · Удаленная работа

Обо мне

Учусь через разработку полезных людям продуктов.

Я студент IT-направления и концентрируюсь на практичных веб-приложениях для бизнеса: от понятных маркетинговых сайтов до внутренних дашбордов, CRM-систем и сервисов бронирования.

Я использую AI-инструменты как часть системного процесса разработки, а не как замену инженерным решениям. Архитектуру, тестирование, интеграции и деплой контролирую самостоятельно.

01 / Практичность

Бизнес-задачи, реальные процессы и удобные интерфейсы важнее декоративной сложности.

02 / Ответственность

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

Компетенции

Сфокусированный набор технологий для создания веб-продукта от интерфейса до деплоя.

01

Frontend

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
02

Backend

  • Node.js
  • API Routes
  • Vercel Functions
03

Базы данных / Авторизация

  • Supabase
  • PostgreSQL
04

Инструменты

  • Git
  • GitHub
  • Vercel
05

AI-процесс

  • ChatGPT
  • Codex
  • Claude
  • Cursor / Antigravity

Ключевые проекты

Четыре наиболее сильных кейса: они выходят за рамки презентационного интерфейса и показывают бизнес-логику, данные и многошаговые сценарии.

03

Bot Orders CRM

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

Смотреть кейс
04

Sales Analytics Dashboard

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

Смотреть кейс
05

Booking Service App

Календарь, доступность слотов, авторизация и управление записями требуют согласованной продуктовой логики.

Смотреть кейс
08

Team Task Manager

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

Смотреть кейс

Проекты как кейсы

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

01Завершен

BuildMarket Store

Задача
Организовать большой каталог строительных товаров и сделать путь от поиска позиции до оформления заказа понятным на любом экране.
Ключевые функции
Поиск по каталогу · Фильтры категорий · Карточки товаров · Корзина · Оформление заказа · Адаптивный интерфейс
Демонстрирует
Проектирование e-commerce интерфейсов, работу с состоянием каталога и построение масштабируемых UI-компонентов.
  • Next.js
  • TypeScript
  • Tailwind
  • Supabase
Case StudyGitHubДемо
02Завершен

Price Tracker Dashboard

Задача
Собрать изменения цен в одном интерфейсе, чтобы пользователь быстро замечал тренды и позиции, требующие внимания.
Ключевые функции
История цен · Графики динамики · Пороговые уведомления · Сравнение товаров · Фильтрация статусов · Адаптивный дашборд
Демонстрирует
Визуализацию данных, интеграцию API и создание информативных аналитических интерфейсов.
  • React
  • TypeScript
  • Charts
  • API
Case StudyGitHubДемо
06Завершен

Media Library API App

Задача
Объединить поиск по внешнему каталогу и персональные списки в устойчивом интерфейсе с понятными состояниями загрузки и ошибок.
Ключевые функции
Поиск по API · Карточки контента · Сохранённые списки · Просмотр категорий · Состояния загрузки · Обработка ошибок
Демонстрирует
Интеграцию REST API, управление асинхронными состояниями и опыт разработки на Vue/Nuxt.
  • Nuxt 3
  • Vue
  • TypeScript
  • REST API
Case StudyGitHubДемо
07Завершен

Animated SaaS Landing

Задача
Подать SaaS-продукт через выразительную, но производительную страницу, где анимация поддерживает содержание и не мешает конверсии.
Ключевые функции
Адаптивные секции · Контролируемая анимация · Продуктовый сторителлинг · CTA-сценарии · Переиспользуемые компоненты · Оптимизация производительности
Демонстрирует
Визуальную реализацию маркетинговых страниц, motion-дизайн и внимание к производительности.
  • Next.js
  • Motion
  • Tailwind
  • Vercel
Case StudyGitHubДемо

Работа с AI

AI используется как инженерный инструмент ускорения, а не как замена пониманию продукта и ответственности за результат.

Контроль остается ручным

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

  1. 01Идея
  2. 02Дизайн
  3. 03Разработка
  4. 04Тестирование
  5. 05Деплой
  6. 06Документация

Стандарты разработки

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

01

Репозитории GitHub

Исходный код и история изменений доступны для технической оценки.

02

Деплой на Vercel

Рабочие версии проектов доступны по стабильным публичным ссылкам.

03

CI в GitHub Actions

Автоматические проверки стиля и сборки помогают не допускать регрессий.

04

Документация README

Назначение, стек, локальный запуск и деплой документируются в репозитории.

05

Локализация RU/EN

Пользовательские интерфейсы поддерживают русский и английский языки.

06

Аудит npm

Зависимости проверяются на известные уязвимости перед завершением работы.

07

Проверка сборки

Сборка для публикации и TypeScript проверяются до выпуска изменений.

08

Адаптивный дизайн

Основные сценарии проектируются и проверяются на больших и мобильных экранах.

Для работодателей

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

Мой текущий уровень — junior. Я не заявляю компетенции старшего разработчика, но показываю способность доводить проекты до задокументированного, развернутого и проверяемого результата.

  • Junior Frontend Developer
  • Junior Fullstack Developer
  • Web Developer
  • React / Next.js Developer

Давайте создадим полезный продукт.

Рассматриваю junior-позиции, стажировки и небольшие коммерческие проекты.

GitHubgithub.com/Andrey15211