Сайт мини-игр:
-Разработала с нуля главную страницу с приветственным экраном, меню выбора игр и полностью рабочими играми на чистом JavaScript.
Сайт магазина:
- Сверстала главную страницу, каталог товаров и корзину. Адаптивно, семантично, готово для подключения бэкенда.
Фитнес Приложение:
-Полностью сверстала приложение по макету Figma. Настроила получение и отображение реальных данных (упражнения, счётчики) через внешний API. Приложение готово к использованию.
Tilda:
-Созданный мною проект - Этот сайт умеет больше, чем просто красиво выглядеть.
Он собран на Tilda, но с ручными HTML-доработками под конкретные задачи.
Техническая база идеальна: Яндекс.Вебмастер показывает ноль ошибок - поиск видит сайт отлично.
Что внутри:
🎯 Яндекс.Метрика с настроенными целями - я вижу, откуда приходят заявки и что работает лучше.
📩 Форма обратной связи - заявки приходят мгновенно.
💬 Telegram-виджет - клиент переходит в чат в один клик, не переключаясь между приложениями.
📱 Блок с живыми ссылками на посты ВК - прямо на указанные посты (удобно показывать примеры работ или полезные материалы).
Проект создан как демонстрация работающей экосистемы:
вёрстка + аналитика + приём заказов + контент в ВК.
Технологический стек:
• Frontend: React 19, TypeScript, React Router, SCSS-модули
• Сборка: Vite
• Качество кода: ESLint, Prettier, Vitest, Testing Library
• Low-code: Tilda
Веб-приложение для управления задачами по методологии Канбан с возможностью создания, редактирования, удаления и перемещения задач между колонками ("К выполнению", "В процессе", "Готово"). Данные сохраняются в браузере пользователя.
Для пользования необходимо пройти регистрацию, допустимы тестовые данные.
КатегорияТехнологии / Инструменты
-Языки программирования
JavaScript (ES6+), HTML5, CSS3
-Библиотека / Фреймворк
React (Hooks: useState, useEffect)
-Сборка и разработка
Vite
-Управление зависимостями
npm (Node Package Manager)
-Система контроля версий
Git, GitHub
-Деплой и хостинг
Vercel
-Стилизация
CSS-модули / Кастомные CSS-стили (адаптивная вёрстка)
- CRUD-операции: Создание (Create), Чтение (Read), Редактирование (Update), Удаление (Delete) задач.
- Drag-and-Drop: Перетаскивание карточек между колонками с помощью нативного HTML5 Drag-and-Drop API.
- Постоянное хранение: Автосохранение всех задач в localStorage браузера для сохранения данных между сессиями.
- Статистика: Автоматический подсчёт общего количества задач, выполненных задач и процент выполнения.
- Отображение времени: Для каждой задачи показывается относительное время создания (например, "5 минут назад").
- Адаптивный интерфейс: Оптимизирован для просмотра на компьютерах, планшетах и мобильных устройствах.
