Интерактивное веб-приложение, предназначенное для создания уникальных и персонализированных иконок. Проект предоставляет пользователям простой и интуитивно понятный интерфейс для создания различных иконок на основе текстовых описаний.
🎩 Основные возможности проекта:
- Создание значков: Пользователи могут ввести текстовое описание и получить соответствующий значок, созданный с помощью API DiceBear.
- Выбор стилей: Доступны различные стили значков, включая геометрические фигуры, аватары, роботов и абстрактные изображения.
- Настройка цвета: Пользователи могут выбрать цвет значка из предложенных вариантов или использовать пользовательский выбор цвета.
- Изменение размера: возможность регулировать размер значка с помощью ползунка.
- Применение фильтров: Доступны различные фильтры для изменения внешнего вида значка (например, оттенки серого, сепия, инверсия, размытие).
- Загрузка и копирование: Пользователи могут загрузить созданную иконку в формате SVG или скопировать код SVG для дальнейшего использования.
- Сохранение настроек: Возможность сохранять и загружать пользовательские настройки для быстрого доступа к предпочтительным настройкам.
- Рандомизация: кнопка для генерации случайного значка на основе предопределенных ключевых слов.
- Анимация: Плавные переходы и анимации при создании и изменении значков для улучшения взаимодействия с пользователем.
- Адаптивный дизайн: Приложение адаптировано для использования на различных устройствах и размерах экранов.
В рамках проекта были внедрены основные меры безопасности, включая очистку ввода для предотвращения XSS-атак, ограничение частоты запросов для предотвращения злоупотреблений и проверку ввода для удаления потенциально вредоносных символов.
В приложение встроено забавное пасхальное яйцо. Если пользователь набирает слово "dicebear" (без учета регистра), активируется специальный режим. В этом режиме фон страницы начинает менять цвета, вся страница поворачивается, а значок пульсирует. Этот эффект длится 10 секунд, создавая неожиданное и забавное взаимодействие для пользователей, которые обнаруживают эту скрытую функцию.
Note
Данный проект был создан при поддержке темы на LolzTeam.