POAPin - Dive into the world of POAP

POAPin is a modern web application that helps you organize, explore, and share your POAP (Proof of Attendance Protocol) collections - the bookmarks of your life on the blockchain.

✨ Features

🔍 POAP Explorer

Browse and discover POAP collections from across the Ethereum ecosystem:

• Search and view POAP collections by wallet address
• Explore collections and moments
• Interactive and visually appealing interface for browsing POAPs

🎴 Personalized POAP Cards

Create and share your unique POAP collection:

• Generate beautiful, shareable cards showcasing your POAP collection
• Elegant design with animations and visual effects
• Easy sharing options for social media

🚀 Technology Stack

• Framework: Remix
• Deployment: Cloudflare Pages
• Styling: Tailwind CSS
• Animation: Framer Motion
• State Management: Jotai
• UI Components: HeroUI

💻 Development

# Install dependencies
npm install

# Start the development server
npm run dev

Open http://127.0.0.1:8788 in your browser to see the application.

👥 Collaboration

We welcome contributions to POAPin! Here's how you can help:

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Issues and Feedback

• Use the GitHub Issues page to report bugs or suggest features
• Join our community discussions to share ideas and feedback

Code Style

This project uses ESLint and Prettier for code formatting. Please ensure your code follows our style guidelines by running:

npm run lint

🌐 Deployment

This project is configured for deployment on Cloudflare Pages:

1. Connect your repository to Cloudflare Pages
2. Set the build command to npm run build
3. Set the build output directory to public

📝 License

MIT

---

Made with ❤️ by Glory Lab