Overview
I developed Ihyae, an “API-first” donation engine. By separating the Laravel REST API from the Vue 3 frontend, I built a fast, accessible web application that handles complex contribution lifecycles, project discovery, and account management while maintaining a clean, trust-oriented UI.
Challenge
Community funding platforms require a delicate balance between ease-of-use and rigorous security:
- Donor Trust: Users need transparent, real-time feedback on project milestones and secure payment status.
- Conversion Friction: Lengthy checkout processes lead to abandoned donations.
- Security & Spam: High risk of fraudulent campaigns and bot-driven spam required a multi-layered verification strategy.
Solution
I implemented a security-first, headless architecture featuring:
- Decoupled Backend: Built a Laravel REST API protected by Sanctum to ensure a single, secure source of truth for all transactions.
- Modern Frontend: Leveraged Vue 3, Vite, and Pinia to create a responsive, component-driven UI that behaves like a native mobile app.
- Streamlined Checkout: Developed a multi-step donation flow with real-time success/failure handling to minimize abandonment.
- Fraud Mitigation: Integrated Google reCAPTCHA and server-side validation to ensure campaign and donor integrity.
Impact
Successfully delivered a platform that significantly reduces friction in the donation process. The decoupled architecture provides excellent scalability, allowing for high availability during fundraising surges and seamless future integration with mobile apps via the existing REST API.
.png)