🐸 Toadgang Purple Pond

A beautiful, interactive web app showcasing the Toadgang Zora community with floating lily pad spheres.

✨ Features

• Purple Pond Interface: Beautiful gradient background with floating spheres
• Interactive Spheres: Click any sphere to visit a Zora profile
• Search Functionality: Filter handles by typing in the search bar
• Shuffle Layout: Randomize sphere positions with the shuffle button
• Responsive Design: Works on desktop and mobile devices

🚀 Quick Start

Development

npm install
npm start

Build

npm run build
npm run preview

🌐 Deployment

GitHub Pages (Automatic)

1. Push to main or master branch
2. GitHub Actions will automatically build and deploy
3. Your app will be available at your GitHub Pages URL

Manual Deployment

npm run deploy

🎨 Customization

• Add/Remove Profiles: Edit the TOAD_LEAFS array in PurplePondSpheres.jsx
• Colors: Modify the Tailwind config in tailwind.config.js
• Animations: Adjust timing and movement in the component

🛠️ Tech Stack

• React 18
• Vite
• Tailwind CSS
• Lucide React Icons

📱 Live Demo

Visit: toadgang.art

---

Built with 💜 for the Toadgang community