Где найти привлекательные элементы для вашего сайта? UI-snippets — именно то место, созданное одним no-code разработчиком менее чем за месяц. Ознакомьтесь с этим кейсом и узнайте, как Камиль Надер создал свое приложение с помощью Directual.
Знакомьтесь: UI-snippets — элегантное решение одной из проблем, с которыми часто сталкиваются веб-разработчики: поиск нужного сниппета для конкретной задачи. Созданный одним человеком всего за месяц, этот кейс — прекрасный пример того, чего может достичь no-code разработчик полностью самостоятельно. Ознакомьтесь с историей, рассказанной самим создателем платформы:
Меня зовут Камиль Надер, я frontend-разработчик из Словении, последние пять лет занимаюсь фрилансом и разработкой заказных проектов в этой индустрии. Красивые и современные дизайны всегда меня завораживали. Однако создание чего-то классного с нуля требует много времени. Именно поэтому я решил создать простое приложение под названием UI-snippets.
No-code оказался решением для этого проекта. В итоге получилось то, чем мне захотелось поделиться с другими frontend-разработчиками так же, как мне нравится пользоваться этим самому.
Будучи командой из одного человека, я искал no-code или low-code платформу вместо того, чтобы начинать писать код с нуля. Вот список причин почему:
No-code платформы всегда меня интересовали, и Directual — не первая, которую я пробовал. Другие платформы не могли предложить то, что мне было нужно с точки зрения функциональности, особенно с учетом того, что я часто использую пользовательский код.
Я нашел Directual на ProductHunt, а позже увидел ее также на AppSumo.
Мне всегда нравится видеть красивые и современные дизайны в своих проектах, поэтому я постоянно ищу в интернете примечательные элементы. Я сделал UI-snippets простым приложением, содержащим постоянно растущую коллекцию классных сниппетов — чекбоксы, кнопки, переключатели, поля ввода и другие типы, которые появятся позже.
Превью библиотеки компонентов
Любой, кто работает с frontend — веб-разработчики, no-code разработчики, full-stack разработчики и другие — может использовать UI-snippets, чтобы находить, собирать, редактировать, сохранять и внедрять понравившиеся сниппеты. И все это без бесконечного просмотра сотен сайтов.
Страница кнопок
Пользователи могут использовать личную библиотеку для сбора и редактирования сниппетов, а также свою страницу Creators, чтобы делиться своими приватными сниппетами с публичной библиотекой. На странице Creators есть фото профиля, короткая биография, ссылки, контактные данные и сниппеты.
Страница моих сниппетов
Некоторые примечательные функции:
Сниппеты отображаются с помощью карточного компонента Directual. Движок шаблонов великолепен — цвет фона автоматически меняется в зависимости от кода сниппета.
Один из сценариев Directual предотвращает добавление пользователями одинаковых сниппетов на страницу «Мои избранные», что также очень удобная и разумная функция.
С помощью функции действий карточек Directual пользователи могут легко добавлять сниппеты на страницы «Мои избранные» и «Мои сниппеты», а также подсчитывать их.
Фильтрация API Directual обеспечивает фильтрацию сниппетов (объектов) по их создателю.
Благодаря новой функции Directual, включающей обработку естественного языка через OpenAI, пользователи могут быстро искать сниппеты по названию, категории, описанию или даже по коду внутри сниппета.
В backend настроено множество автоматизаций на основе сценариев Directual. Призываю всех присоединиться к UI-snippets (разумеется, бесплатно) и увидеть своими глазами, как все работает.
Мне была нужна большая коллекция элементов с открытым исходным кодом с возможностью сохранения в избранное, внесения правок, хранения в личной библиотеке, а также обмена в публичной библиотеке.
Мощная и масштабируемая база данных Directual и конструктор API сыграли в этом ключевую роль. Больше всего мне понравилось использовать сценарии, которые помогли автоматизировать любую backend-логику в визуальном интерфейсе. Именно этот рабочий процесс сильно выделил Directual среди конкурентов в моих глазах.
Что касается backend, честно говоря, ничего. Он фантастичен как есть. Поскольку я специализируюсь на веб-разработке, во frontend есть несколько вещей, которые я хотел бы видеть встроенными в платформу, а именно:
Приложение активно растет, и я слежу за поступающими отзывами о том, что еще можно улучшить. Определенно появятся новые сниппеты, категории и функциональность, но стоит вести проект таким же образом, как и Directual: с публичным roadmap. В конце концов, сообщество — это все!
Есть вопросы по этому кейсу или о Directual? Напишите нам на hello@directual.com, давайте пообщаемся! Или еще лучше, расскажите Камилю, что вы думаете об UI-snippets, написав ему на kamil@ui-snippets.com, или в его Twitter: @UI_snippets.
Присоединяйтесь к 22 000+ no-code-разработчиков на Directual и создавайте то, чем можно гордиться, — быстрее и дешевле, чем раньше. Начать просто благодаря визуальному UI разработки, масштабировать так же просто с enterprise-grade базами данных и бэкендом.
