Pexels Designer Hub (PDH) 🎉

Curated Inspiration for Designers
The ultimate workspace to search, curate, and bulk download high-resolution photos for your next creative project.

✨ Key Features

🔍 Advanced Search & Filter

• Hex Color Search: Find images that match your brand palette perfectly.
• Precision Filters: Filter by orientation (landscape, portrait, square) and size.
• Masonry Layout: A seamless, designer-first image grid experience.

📦 Bulk Actions

• Multi-Selection: Select dozens of assets in seconds.
• One-Click Batch Download: Automatically ZIPs and downloads all selected high-res originals.
• Moodboard Management: Save selections directly to custom local collections.

🖼 Professional Asset View

• Detail Modal: View Photographer metadata, original dimensions, and color palette.
• Related Inspiration: Instant mood matching powered by Pexels search.

🛠 Tech Stack

• Frontend: React 19 + Vite
• Styling: TailwindCSS v4 (Custom Designer Palette)
• Animations: Framer Motion
• State: Zustand (Persisted Local Storage)
• APIs: Pexels API
• Utilities: JSZip, FileSaver

🚀 Getting Started

1. Clone & Install:

   git clone [your-repo-url]
   cd pexels-designer-hub
   npm install

2. API Key: Create a .env file and add your Pexels API Key:

   VITE_PEXELS_API_KEY=your_key_here

3. Run Dev:

   npm run dev

---

Crafted for Designers, Powered by Pexels.