slickr

ลื่น

ดูการสาธิต·รายงานข้อบกพร่อง·คุณลักษณะการร้องขอ

แนะนำ Slickr ✌

Slick เป็นแอพที่ทรงพลังและง่ายที่สุดในการสร้างภาพหน้าปกที่สวยงามสำหรับบล็อก Hashnode ของคุณ Slickr ช่วยให้คุณมีความยืดหยุ่นโดยการจัดการพื้นหลัง, การไล่ระดับสี, รูปแบบ, รูปภาพ, ไอคอน, บุ๊กมาร์ก, อัปโหลดและอื่น ๆ อีกมากมาย คุณสามารถลากปรับขนาดและวางตำแหน่งส่วนประกอบของคุณและให้ความรู้สึกใหม่กับบล็อกของคุณ เมื่อคุณส่งออกเป็น PNG, JPG หรือ SVG เสร็จแล้ว ทักทาย Slickr?

อ่านบล็อกเพื่อทำความเข้าใจได้ดีขึ้น

การสาธิต

ลองใช้แอพ: Slickr

- คุณสมบัติ

Slickr มาพร้อมกับคุณสมบัติที่น่าอัศจรรย์มากมายเพื่อมอบประสบการณ์ที่ดีที่สุดให้คุณนี่คือคุณสมบัติที่ดีที่สุดของเรา

เติมเต็มบล็อก Hashnode ของคุณด้วย Slickr

• - Draggable, Resimable, Wrappable
• - อัปโหลดรูปภาพของคุณและใช้งาน
• - ไอคอน 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 ในรูทและเพิ่มตัวแปรของคุณ

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

คุณพร้อมแล้ว! เปิด LocalHost: 3000 เพื่อดูแอพ

- การบริจาค

• โปรดมีส่วนร่วมโดยใช้ GitHub Flow สร้างสาขาเพิ่มการกระทำและเปิดคำขอดึง

• โปรดอ่านราย CONTRIBUTING เกี่ยวกับ CODE OF CONDUCT ของเราและกระบวนการในการส่งคำขอดึงให้เรา

สร้างขึ้นด้วย

• JS ถัดไป
• เสมียน: การรับรองความถูกต้องของผู้ใช้ให้สมบูรณ์
• React-Color: สำหรับตัวเลือกสี
• HTML2CANVAS: สำหรับการส่งออกเป็น PNG, JPG, SVG
• React-RND: สำหรับส่วนประกอบที่มีขนาดเล็กและปรับขนาดได้
• react-icons: สำหรับไอคอน
• nprogress: สำหรับ Slim Progressbars
• React-Hot-Toast: สำหรับขนมปังปิ้ง
• วัสดุ UI: สำหรับส่วนประกอบ
• vercel: สำหรับโฮสติ้ง

- อะไรต่อไป

Slickr เป็นโครงการพิเศษที่สร้างขึ้นเพื่อเสริมสร้างชุมชน Hashnode ที่น่าทึ่งในการกระโดดเพื่อดูบทความที่ยอดเยี่ยมพร้อมปกที่สวยงาม นี่คือแผนการของฉันล่วงหน้าสำหรับ Slickr?

• Ctrl+C และ Ctrl+V สำหรับส่วนประกอบ
• ประวัติความเป็นมาของผ้าห่มที่สร้างขึ้น (อยู่ระหว่างดำเนินการ)
• ส่งออกเป็น GIF (กำลังดำเนินการ)
• ร่วมมือกับ Patner
• เทมเพลต
• ตัวติดตามตำแหน่งที่ดีกว่า
• ส่วนประกอบที่หมุนได้ปรับขนาดได้และสามารถปรับขนาดได้

️ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT - ดูไฟล์ใบ LICENSE สำหรับรายละเอียด

- ปรับใช้

?ผู้เขียน

- Savio Martin

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

สนับสนุน

โครงการนี้ต้องการ️จากคุณ อย่าลืมออกจากดาว️

หากคุณพบว่าแอพมีประโยชน์ให้พิจารณาสนับสนุนฉันด้วยกาแฟ

---

Slickr ต้องการ️จากคุณ