slickr

Slickr️

Просмотр демонстрации · Ошибка отчета · Функция запроса

Представляем Slickr ✌

Slick - самое мощное и простое приложение для создания красивых изображений обложки для вашего блога Hashnode. Slickr позволяет вам быть гибким, обрабатывая фон, градиенты, узоры, изображения, значки, закладки, загрузки и многое другое. Вы можете перетаскивать, изменять размер и расположить свои компоненты и придать новое чувство в свой блог. Когда вы закончите экспортировать его как PNG, JPG или SVG. Поздороваться с Slickr?

Читать блог, чтобы лучше понять

Демо

Попробуйте приложение: slickr

? Функции

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

Перезаряйте свой блог о хешноде с Slickr.

• ? Перетаскивается, сферуется, что можно, обертываемое
• ? Загрузите свои изображения и используйте их
• ? 32 000+ икон (питание от IconsFinder)
• ? Используйте изображения из Unsplash
• ? Сохранить значки или изображения
• ? Редактировать все (текст, цвет, размер, семейство, вес, Lineheight и т. Д.)
• ? 4 способа фона (твердый, градиент, рисунок, изображение)
• ? Поделиться изображениями (получите URL общего общего)
• ? Темный режим
• ? Присоединяйтесь к Google, Github, Facebook
• Полностью отзывчивый
• Быстрая загрузка
• ⤵ Экспорт как png, jpg, svg

Наслаждайтесь созданием обложки для вашего блога Hashnode, как и никогда, начните за секунды ️

Шаги установки

1. Клонировать репозиторий

git clone https://github.com/saviomartin/slickr.git

2. Измените рабочий каталог

 cd slickr

3. Установить зависимости

npm install

4. Создайте .env -файл в root и добавьте свои переменные

NEXT_PUBLIC_UNSPLASH_CLIENT_ID=UNSPLASH_CLIENT_ID
NEXT_PUBLIC_IMGBB_STORAGE_KEY=IMGBB_STORAGE_ACESS_KEY
NEXT_PUBLIC_CLERK_FRONTEND_API=CLERK_FRONTEND_API

5. Запустить приложение

npm run dev

Вы все готовы! Open Localhost: 3000, чтобы увидеть приложение.

? Внося

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

• Пожалуйста, прочитайте CONTRIBUTING для получения подробной информации о нашем CODE OF CONDUCT и процессе отправки нам запросов.

Построен с

• Далее JS
• Клерк: Полная аутентификация пользователя
• React-Color: для сборщиков цвета
• html2canvas: для экспорта как png, jpg, svg
• React-RND: для Draggeble и Resizable Components
• React-Icons: для значков
• NProgress: для Slim Progressbars
• React-Hot-Toast: для тостов
• Материал пользовательского интерфейса: для компонентов
• Версель: для хостинга

? Что дальше

Slickr - это специальный проект, созданный для расширения возможностей удивительного сообщества Hashnode в Hop, чтобы увидеть отличные статьи с красивыми обложками. Вот некоторые из моих планов впереди Slickr?

• Ctrl+C и Ctrl+V для компонентов
• История созданных обложек (в процессе)
• Экспорт как GIF (в процессе)
• Сотрудничать с Пэтнером
• Шаблоны
• Лучший трекер позиции
• Вращаемые, масштабируемые, группируемые компоненты

? ️ лицензия

Этот проект лицензирован по лицензии MIT - для получения подробной информации см. Файл LICENSE .

? Развертывать

? ‍ Автор

? Савио Мартин

• Twitter: @saviomartin7
• GitHub: @Saviomartin
• Hashnode: @Saviomartin

Поддерживать

Этот проект нуждается в ️ от вас. Не забудьте оставить звезду ️

Если вы нашли приложение полезным, рассмотрите возможность поддержать меня кофе.

---

Slickr нужен от вас ️