A simple web app that automatically centers any photo (horizontal or vertical) on a 1:1 square canvas without cropping. Perfect for creating WhatsApp profile pictures.

• Upload any photo (horizontal or vertical)
• Automatically centers the image on a 640x640 square canvas
• Preserves original photo quality and aspect ratio
• No cropping, background, or filters applied
• Mobile-friendly interface
• Download or share the resized image
• Preview before processing

1. Click "Choose Photo" to select an image
2. Preview your selected image
3. Click "Resize for WhatsApp DP" to process
4. Download or share the final square image

• Frontend: React with TypeScript
• Canvas API for image processing
• Responsive design with TailwindCSS
• Works on mobile and desktop
• Client-side processing (no server upload required)

├── frontend/
│   ├── index.html          # Main HTML template
│   ├── index.tsx           # React app entry point
│   └── components/
│       └── App.tsx         # Main app component
├── backend/
│   └── index.ts            # Static file server
└── README.md