Открыт к новым проектам

Тамерлан

Frontend-разработчик. Делаю быстрые сайты и веб-приложения, которые приятно открывать на любом экране.

Смотреть проекты Мой GitHub Telegram
6
мини-проектов можно открыть прямо здесь
0
библиотек: только HTML, CSS и JS
2
языка и 2 темы, переключатели вверху
guest@portfolio: ~
$ whoami
Тамерлан, Frontend-разработчик. Люблю чистый JavaScript, анимации и быстрые сайты.
$ ls projects/
kanban 2048 typing budget palette pomodoro
Введи help, чтобы увидеть команды. Попробуй open 2048.

Проекты

Основные работы

Интернет-магазин и Telegram-бот для приёма заказов: от вёрстки до серверной части.

TelegramPython · aiogram 3.x · WebApp

Telegram-бот и Mini App

Бот для приёма заказов с интерактивным меню и удобным Mini App прямо внутри Telegram.

Демо-сервер запускается по запросу. Чтобы проверить бота вживую, напиши мне в Telegram.

Запустить бота Код

Мини-проекты

Шесть демо, которые можно потрогать прямо сейчас

Каждый проект открывается отдельной страницей и работает без сервера. Открой демо или посмотри код на GitHub.

ИгрыАнимации · Touch

2048

Головоломка с плавным движением плиток, свайпами на телефоне, отменой хода и рекордом.

Играть Код
ПродуктивностьWeb Audio · SVG

Pomodoro-таймер

Циклы фокуса и перерывов, кольцо прогресса, звуковой сигнал и статистика за день.

Открыть демо Код

Больше кода и экспериментов у меня на GitHub.

Все репозитории

Обо мне

Делаю интерфейсы, в которых всё понятно с первого клика

Меня зовут Тамерлан, я frontend-разработчик. Верстаю адаптивные сайты, собираю веб-приложения и оживляю их анимацией. Все проекты на этой странице я написал с нуля, без шаблонов и библиотек, чтобы было видно, как я работаю с логикой, состоянием и мелкими деталями.

  • Лендинги и сайты

    Адаптивная вёрстка по макету из Figma, анимации и быстрая загрузка.

  • Веб-приложения

    Интерфейсы с состоянием: формы, фильтры, дашборды и личные кабинеты.

  • Интерактив

    Мини-игры, калькуляторы и конфигураторы, которые удерживают посетителя.

Стек

Чем я пользуюсь каждый день

Шкала показывает уверенность от 1 до 5.

Основа

  • HTMLсемантика, доступность
  • CSSGrid, Flexbox, анимации
  • JavaScriptES2023, DOM, async
  • TypeScriptтипы, дженерики

Фреймворки

  • Reactхуки, роутинг
  • Next.jsSSR, App Router
  • Tailwind CSSдизайн-системы
  • SassБЭМ, миксины

Инструменты

  • Git и GitHubветки, PR, Pages
  • Vite и npmсборка, пакеты
  • Figmaмакеты, Dev Mode
  • REST APIfetch, JSON

Процесс

Как проходит работа над проектом

  1. 1

    Разбираюсь в задаче

    Уточняю цели, аудиторию и сроки. Фиксируем объём работ и стоимость.

  2. 2

    Прототип

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

  3. 3

    Разработка

    Пишу код и показываю промежуточные версии. Правки вносим по ходу.

  4. 4

    Запуск

    Выкладываю сайт, проверяю на телефонах и передаю исходники.

Контакты

Есть идея или задача? Напиши мне.

Отвечаю в течение дня. Можно сразу в Telegram или собрать короткую заявку: она превратится в готовое сообщение.

Заявка за минуту

Что нужно сделать