PixelForge AI

An AI-powered photo editor. Created for the IBM Bob Hackathon.

🚀 Features

• Professional Canvas Editing: Built with Fabric.js for high-performance canvas manipulation.
• AI Background Removal: One-click AI-powered background removal.
• Advanced Design Tools:
  • Color Palette Extraction: Generate design-ready colors directly from your images.
  • Smart Text Fitting: Automatically resize text to fit within your designated areas.
  • Auto-Cropping Suggestions: Intelligent subject detection for better composition.
• UX Enhancements:
  • Smooth Mouse-Wheel Zoom.
  • Aspect Ratio Lock (Uniform Scaling).
  • Quick Theme Toggle.
  • Simplified, Standardized Export (Raw Photo or Full Canvas).
• History Management: Undo/Redo support with toast feedback.

🛠️ Tech Stack

• Frontend: React 18 + TypeScript + Vite
• Canvas: Fabric.js 7.3.1
• AI Logic: TensorFlow.js + COCO-SSD
• Color Extraction: Colorthief
• UI: Tailwind CSS + Radix UI
• State: Zustand

📦 Installation

# Clone the repository
git clone <your-repo-url>
cd pixelforge-ai

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

🤖 Built with IBM Bob

This project was planned and coded with the assistance of IBM Bob. IBM Bob was used as the strategic orchestrator for:

• Planning: Comprehensive architectural planning and feature design.
• Coding: Implementing complex UI features, AI logic, and build stabilization.
• Optimization: Resolving performance bottlenecks and build-time errors.

🏆 IBM Bob Hackathon

Challenge: Turn idea into impact faster

Solution: PixelForge AI provides a streamlined, AI-enhanced photo editing experience designed for productivity.

📝 License

MIT License - see LICENSE file for details

---

Built with ❤️ for the IBM Bob Hackathon