Adote Um Gatinho: Cat Adoption Platform
A volunteer project for a cat adoption NGO: a platform built from the ground up to help rescue cats find their forever homes.
Independent project by Mode co-founder Thiago Salvador, shown as a capability example, not as a Mode client engagement.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Vercel
What it is
As a volunteer project for a cat adoption NGO, this platform was built from the ground up to help rescue cats find their forever homes. Using modern web technologies and thoughtful UX design, the site provides an engaging, emotional and efficient experience for potential adopters.
The project reflects a commitment to using AI and development skills for positive community impact, combining technical quality with social responsibility.
Features
- Emotional hero section with a clear call to action: give your home, adopt a kitten
- Four main adoption categories: Kittens, Special Needs, Urgent Rescues and Want to Help
- Cat gallery with individual profiles covering photos, age, personality and adoption status
- Impact metrics displayed on the platform: 500+ cats adopted and 50+ active volunteers
- Multiple support pathways: adoption, financial support and volunteering
- Mobile-first responsive design for accessibility across devices
Technical highlights
Next.js architecture
Built with Next.js 14+ using the App Router, Server Components and optimized image loading for performance and SEO.
TypeScript implementation
Fully type-safe codebase for code quality, better developer experience and fewer runtime errors.
Modern design system
Vibrant color palette (yellow, pink, green, orange) mapped to the adoption categories, creating an emotional and engaging user experience.
Smart filtering
Categorization that helps visitors quickly find cats by age group, special needs and urgency status.
Social impact focus
Designed with empathy and user psychology in mind, encouraging adoption through emotional connection and clear calls to action.
Project facts
- Project type
- Volunteer project for a cat adoption NGO
- Categories
- Kittens, Special Needs, Urgent Rescues, Want to Help
- Stack
- Next.js 14+, React, TypeScript, Tailwind CSS
- Deploy
- Vercel
- Focus
- Social impact
Results
- Shipped a complete adoption platform for the NGO, from hero to cat profiles and support pathways
- The platform surfaces the NGO's impact: 500+ cats adopted and 50+ active volunteers
- Streamlined the adoption journey with category-based browsing and clear calls to action
- Improved the NGO's visibility and community engagement through a modern web presence