slickr

Slickr️

Demo anzeigen · Fehler melden · Anforderungsfunktion

Einführung von Slickr ✌️

Slick ist die leistungsstärkste und einfachste App, um schöne Titelbilder für Ihren Heuhnode -Blog zu erstellen. Mit Slickr können Sie flexibel sein, indem Sie Hintergründe, Gradienten, Muster, Bilder, Symbole, Lesezeichen, Uploads und vieles mehr bearbeiten. Sie können Ihre Komponenten schleppen, die Größe ändern und positionieren und Ihrem Blog ein neues Gefühl geben. Wenn Sie fertig sind, exportieren Sie es als PNG, JPG oder SVG. Sag Hallo zu Slickr?

Lesen Sie Blog, um besser zu verstehen

Demo

Probieren Sie die App aus: Slickr

? Merkmale

Slickr hat eine ganze Reihe großartiger Funktionen, um Ihnen die beste Erfahrung zu bieten. Hier sind einige unserer besten Funktionen.

Überladen Sie Ihren Hashhnode -Blog mit Slickr.

• ? Draggierbar, setzbar, wackelbar
• ? Laden Sie Ihre Bilder hoch und verwenden Sie sie
• ? 32.000 Symbole (angetrieben von Iconsfinder)
• ? Verwenden Sie Bilder von Unsplash
• ? Symbole oder Bilder speichern
• ? Bearbeiten Sie alles (Text, Farbe, Größe, Familie, Gewicht, Linie usw.)
• ? 4 -Wege -Hintergründe (solide, Gradient, Muster, Bild)
• ? Bilder teilen (öffentliche Freigabe von URL erhalten)
• ? Dunkler Modus
• ? Treten Sie mit Google, Github, Facebook bei
• Voll reagiert
• Schnelles Herunterladen
• ⤵️ Exportieren Sie als PNG, JPG, SVG

Genießen Sie es, ein Titelbild für Ihren Heuhnode -Blog zu erstellen wie nie zuvor, beginnen Sie in Sekunden

Installationsschritte

1. Klonen Sie das Repository

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

2. Ändern Sie das Arbeitsverzeichnis

 cd slickr

3. Abhängigkeiten installieren

npm install

4. Erstellen Sie die Datei .env im Root und fügen Sie Ihre Variablen hinzu

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. Führen Sie die App aus

npm run dev

Sie sind alle eingestellt! Öffnen Sie Localhost: 3000, um die App zu sehen.

? Beitragen

• Bitte tragen Sie bei GitHub Flow bei. Erstellen Sie einen Zweig, fügen Sie Commits hinzu und öffnen Sie eine Pull -Anfrage.

• Bitte lesen Sie CONTRIBUTING für unseren CODE OF CONDUCT und den Vorgang zum Senden von Pull -Anfragen an uns.

Gebaut mit

• Nächstes JS
• Angestellter: Vollständige Benutzerauthentifizierung
• React-Color: Für Farbpflücker
• HTML2CANVAS: Für den Exportieren als PNG, JPG, SVG
• React-RND: Für draggierbare und setzbare Komponenten
• React-Icons: für Ikonen
• NPROGRESSE: Für schlanke Fortschrittsbalken
• React-Hot-Toast: Für Toasts
• Material UI: Für Komponenten
• Vercel: Zum Hosting

? Was kommt als nächstes

Slickr ist ein spezielles Projekt, das die erstaunliche Hemnode -Community im Hop gestärkt hat, um großartige Artikel mit wunderschönen Abdeckungen zu sehen. Hier sind einige meiner Pläne für Slickr?

• Ctrl+C und Ctrl+V für Komponenten
• Geschichte der geschaffenen Covers (in Arbeit)
• Exportieren als GIF (in Arbeit)
• Arbeiten Sie mit Patner zusammen
• Vorlagen
• Bessere Position Tracker
• Rotatierbare, skalierbare, gruppierbare Komponenten

- Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert - Einzelheiten finden Sie in der LICENSE .

? Einsetzen

? ‍ Autor

? Savio Martin

• Twitter: @Saviomartin7
• Github: @saviomartin
• Hashhnode: @saviomartin

Unterstützung

Dieses Projekt braucht ein ️ von Ihnen. Vergessen Sie nicht, einen Stern zu hinterlassen.

Wenn Sie die App hilfreich fanden, sollten Sie mich mit einem Kaffee unterstützen.

---

Slickr braucht ein ️ von Ihnen