Téléchargement slickr - slickr du code source Slickr

slickr

Autres ressources

v1.0

Télécharger

Lisse

Slickr.

gif slickr

Afficher la démo · Rapport Bogue · Demande de la demande

Présentation de Slickr ✌️

Slick est l'application la plus puissante et la plus simple pour créer de belles images de couverture pour votre blog Hashnode. Slickr vous permet d'être flexible en manipulant des arrière-plans, des gradients, des motifs, des images, des icônes, des signets, des téléchargements et bien plus encore. Vous pouvez faire glisser, redimensionner et positionner vos composants et donner une nouvelle sensation à votre blog. Lorsque vous avez terminé, exportez-le en PNG, JPG ou SVG. Dites bonjour à Slickr?

Lire le blog pour mieux comprendre

Démo

Essayez l'application: Slickr

? Caractéristiques

Slickr propose tout un tas de fonctionnalités incroyables pour vous offrir la meilleure expérience, voici certaines de nos meilleures fonctionnalités.

Super-chargez votre blog Hashnode avec Slickr.

? Dragable, redonnable, torride
? Téléchargez vos images et utilisez-la
? Plus de 32 000 icônes (alimentées par Iconsfinder)
? Utilisez des images de Unplash
? Enregistrer les icônes ou les images
? Modifier tout (texte, couleur, taille, famille, poids, ligne de ligne, etc.)
? 4 voies d'arrière-plan (solide, gradient, motif, image)
? Partager des images (obtenir une URL de partage publique)
? Mode sombre
? Rejoignez en utilisant Google, Github, Facebook
Pleinement réactif
Téléchargement rapide
⤵️ Exporter comme PNG, JPG, SVG

Profitez de la création d'images de couverture pour votre blog Hashnode comme jamais auparavant, commencez en quelques secondes ️

Étapes d'installation

Cloner le référentiel

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

Modifier le répertoire de travail

 cd slickr

Installer des dépendances

npm install

Créer un fichier .env en racine et ajouter vos variables

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

Exécutez l'application

npm run dev

Vous êtes tous prêts! Ouvrez LocalHost: 3000 pour voir l'application.

? Contributif

Veuillez contribuer à l'aide de Github Flow. Créez une branche, ajoutez des validations et ouvrez une demande de traction.
Veuillez lire CONTRIBUTING pour plus de détails sur notre CODE OF CONDUCT et le processus de soumission des demandes de traction qui nous est.

Construit avec

Next js
Greffier: Authentification complète de l'utilisateur
React-Color: pour les cueilleurs de couleurs
html2Canvas: pour l'exportation comme png, jpg, svg
React-RND: pour les composants dragables et redonnables
React-Icons: pour les icônes
nprogress: pour les barres de progrès minces
react-hot-toast: pour les toasts
UI du matériel: pour les composants
Vercel: pour l'hébergement

? Quelle est la prochaine étape

Slickr est un projet spécial réalisé pour autonomiser l'incroyable communauté de Hashnode dans le saut pour voir de grands articles avec de belles couvertures. Voici quelques-uns de mes plans à venir pour Slickr?